SlideShare a Scribd company logo
1 of 81
TRƢỜNG ĐẠI HỌC TÂY ĐÔ
KHOA KỸ THUẬT – CÔNG NGHỆ
KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC
XÂY DỰNG HỆ THỐNG CUNG CẤP
THÔNG TIN DU LỊCH
TỈNH ĐỒNG THÁP
Sinh viên thực hiện Cán bộ hƣớng dẫn
NGUYỄN THIÊN TỨ ThS. LÊ THỊ THU LAN
13D480201099
Cần Thơ, 2017
TRƢỜNG ĐẠI HỌC TÂY ĐÔ
KHOA KỸ THUẬT – CÔNG NGHỆ
KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC
XÂY DỰNG HỆ THỐNG CUNG CẤP
THÔNG TIN DU LỊCH
TỈNH ĐỒNG THÁP
Sinh viên thực hiện Cán bộ hƣớng dẫn
NGUYỄN THIÊN TỨ ThS. LÊ THỊ THU LAN
13D480201099
Cán bộ phản biện
ThS. NGUYỄN CHÍ CƢỜNG
Luận văn đƣợc bảo vệ tại: Hội đồng chấm luận văn tốt nghiệp Bộ môn Công Nghệ
Thông Tin, Khoa Kỹ Thuật Công Nghệ, Trƣờng Đại học Tây Đô vào ngày 15
tháng 05 năm 2017.
Mã số đề tài: ………………
Có thể tìm hiểu khóa luận tại:
Thƣ viện: Trƣờng Đại học Tây Đô
Website: http://tdu.edu.vn/
BỘ GIÁO DỤC VÀ ĐÀO TẠO CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
TRƢỜNG ĐẠI HỌC TÂY ĐÔ Độc lập – Tự do – Hạnh phúc
***
CHẤP NHẬN LUẬN VĂN ĐẠI HỌC CỦA HỘI ĐỒNG
Luận văn đại học (tên luận văn) Xây dựng hệ thống cung cấp thông tin du lịch
Tỉnh Đồng Tháp do sinh viên (tên) Nguyễn Thiên Tứ, mã số sinh viên:
13D480201099, thực hiện và báo cáo đã đƣợc chỉnh sửa theo góp ý và đƣợc Hội đồng
chấm luận văn đại học thông qua.
____________________________ ____________________________
Họ tên Giảng viên hƣớng dẫn Họ tên Giảng viên Phản biện
Giảng viên hƣớng dẫn Phản biện
____________________________
Họ tên Thƣ ký
Thƣ ký
Cần Thơ, ngày ........ tháng …… năm 2017
_______________________________
Họ tên Chủ tịch Hội đồng
Chủ tịch Hội đồng
NHẬN XÉT CỦA GIẢNG VIÊN HƢỚNG DẪN
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
Cần Thơ, ngày …… tháng …… năm 2017
Giảng viên hướng dẫn
LÊ THỊ THU LAN
NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
Cần Thơ, ngày …… tháng …… năm 2017
Giảng viên phản biện
NGUYỄN CHÍ CƢỜNG
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang i
LỜI CẢM ƠN
Đầu tiên, xin gửi lời cảm ơn chân thành nhất đến Cô Lê Thị Thu Lan đã trực
tiếp hƣớng dẫn, tận tình giải đáp những thắc mắc, giúp đỡ trong việc hình thành, phát
triển và hoàn thành đề tài khóa luận tốt nghiệp Xây dựng hệ thống cung cấp thông
tin du lịch tỉnh Đồng Tháp này.
Xin trân trọng cảm ơn Thầy Nguyễn Chí Cƣờng và Thầy Quách Luyl Đa,
cùng Quý Thầy Cô khoa Kỹ Thuật – Công Nghệ trƣờng Đại học Tây Đô đã tận
tình giảng dạy, chỉ bảo và đóng góp những ý kiến quý báo để hoàn thiện đề tài này.
Đồng thời, xin cảm ơn đến với những ngƣời bạn đã luôn ủng hộ, chia sẻ những khó
khăn và góp ý trong quá trình học tập và thực hiện đề tại khóa luận tốt nghiệp.
Xin cảm ơn, Thầy Nguyễn Chí Thắng khoa Kỹ Thuật – Công Nghệ trƣờng Đại
học Nam Cần Thơ; và các bạn Sinh Viên: ngành Việt Nam học Khoa Văn Hóa – Du
Lịch trƣờng Đại học Đồng Tháp, khoa Công Nghệ Thông Tin trƣờng Đại học Sƣ
phạm TP. Hồ Chí Minh và ngành Công Nghệ Thông Tin khoa Kỹ Thuật – Công
Nghệ trƣờng Đại học Cửu Long đã đóng góp ý kiến nhiệt tình cho đề tài này.
Trong quá trình thực hiện đề tài, mặc dù đã rất cố gắng nhƣng không thể tránh
khỏi những khó khăn, thiếu sót. Kính mong nhận đƣợc ý kiến đóng góp và hƣớng dẫn
của quý Thầy Cô cùng các bạn để đề tài khóa luận đƣợc hoàn thiện hơn.
Trân trọng cảm ơn!
Cần Thơ, ngày 20 tháng 4 năm 2017
Sinh viên thực hiện
NGUYỄN THIÊN TỨ
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang ii
MỤC LỤC
LỜI CẢM ƠN.................................................................................................................. i
MỤC LỤC...................................................................................................................... ii
DANH SÁCH CHỮ VIẾT TẮT .....................................................................................v
DANH SÁCH HÌNH, BẢNG VÀ BIỂU ĐỒ................................................................ vi
TÓM TẮT...................................................................................................................... ix
CHƢƠNG 1. MỞ ĐẦU..............................................................................................1
TỔNG QUAN VỀ TÌNH HÌNH NGHIÊN CỨU ................................................1I.
1.I.1. Vùng đồng bằng sông Cửu Long ................................................................1
1.I.2. Tình hình du lịch Tỉnh Đồng Tháp .............................................................1
1.I.3. Sự phát triển thiết bị di động năm 2016......................................................2
LÝ DO CHỌN ĐỀ TÀI........................................................................................4II.
MỤC TIÊU NGHIÊN CỨU.................................................................................7III.
ĐỐI TƢỢNG VÀ KHÁCH THỂ NGHIÊN CỨU...............................................8IV.
PHƢƠNG PHÁP VÀ PHẠM VI NGHIÊN CỨU ...............................................8V.
1.V.1. Phƣơng pháp nghiên cứu .........................................................................8
1.V.2. Phạm vi nghiên cứu .................................................................................9
ĐÓNG GÓP MỚI ĐỀ TÀI...................................................................................9VI.
KẾ HOẠCH NGHIÊN CỨU .............................................................................10VII.
ĐẶC TẢ .......................................................................................................10VIII.
CHƢƠNG 2. CỞ SỞ LÝ THUYẾT.........................................................................13
TỔNG QUAN VỀ ASP.NET MVC 4................................................................13I.
TỔNG QUAN VỀ ADO.NET ENTITY ............................................................14II.
2.II.1. ADO.NET Entity Framework................................................................14
2.II.2. Truy vấn trong ADO.NET Entity..........................................................15
TỔNG QUAN VỀ SQL SERVER.....................................................................17III.
TỔNG QUAN VỀ HTML, CSS VÀ JAVASCRIPT.........................................17IV.
2.IV.1. HTML và CSHTML..............................................................................17
2.IV.2. CSS (Cascading Style Sheets) ...............................................................18
2.IV.3. JavaScript và jQuery – jQuery Mobile ..................................................18
CÔNG NGHỆ WEB 2.0 VÀ AJAX...................................................................19V.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang iii
GIAO THỨC TRUYỀN TẢI THƢ TÍN SMTP ................................................20VI.
PHƢƠNG THỨC MÃ HÓA DỮ LIỆU BASE-64 VÀ MD5............................21VII.
2.VII.1. Mã hóa Base-64..................................................................................21
2.VII.2. Mã hóa MD5 ......................................................................................21
ADOBE PHONEGAP ..................................................................................22VIII.
YAHOO! WEATHER API ................................................................................23IX.
GOOGLE MAPS API ........................................................................................23X.
CHƢƠNG 3. PHÂN TÍCH – THIẾT KẾ HỆ THỐNG ...........................................24
XÁC ĐỊNH CÁC ACTOR.................................................................................24I.
3.I.1. Quản trị viên..............................................................................................24
3.I.2. Ngƣời dùng ứng dụng ...............................................................................24
XÁC ĐỊNH CÁC USECASE.............................................................................24II.
3.II.1. Quản trị viên ..........................................................................................24
3.II.2. Ngƣời dùng ứng dụng............................................................................24
MÔ HÌNH TƢƠNG TÁC GIỮA NGƢỜI DÙNG VÀ HỆ THỐNG ................25III.
3.III.1. Sơ đồ Usecase tổng thể..........................................................................25
3.III.2. Sơ đồ phân rã Actor Quản trị viên.........................................................26
3.III.3. Sơ đồ phân rã Actor Ngƣời dùng ứng dụng ..........................................28
SƠ ĐỒ CLASS...................................................................................................30IV.
SƠ ĐỒ TUẦN TỰ CÁC CHỨC NĂNG CHÍNH..............................................31V.
3.V.1. Sơ đồ tuần tự xuất file ảnh từ cơ sở dữ liệu...........................................31
3.V.2. Sơ đồ tuần tự ứng dụng ajax vào đề tài .................................................31
3.V.3. Sơ đồ tuần tự chức năng đăng nhập.......................................................32
KIẾN TRÚC HỆ THỐNG .................................................................................33VI.
MÔ HÌNH CƠ SỞ DỮ LIỆU.............................................................................34VII.
TỔ CHỨC BẢNG DỮ LIỆU.......................................................................35VIII.
CHƢƠNG 4. DEMO – TRIỂN KHAI THỰC TẾ ...................................................37
TRANG QUẢN TRỊ NỘI DUNG......................................................................37I.
4.I.1. Tài khoản admin........................................................................................39
4.I.2. Quản lý danh mục .....................................................................................42
4.I.3. Thông tin Huyện/TP..................................................................................43
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang iv
4.I.4. Quản lý ngƣời dùng...................................................................................43
4.I.5. Thống kê yêu thích....................................................................................44
4.I.6. Trang hiển thị bài viết ...............................................................................45
4.I.7. Chức năng đăng và sửa bài viết ................................................................47
ỨNG DỤNG WEB VÀ ANDROID ..................................................................52II.
4.II.1. Trang chủ ứng dụng...............................................................................53
4.II.2. Trang gửi phản hồi.................................................................................57
4.II.3. Trang đăng ký ........................................................................................57
4.II.4. Trang quên mật khẩu .............................................................................58
4.II.5. Trang thay đổi thông tin tài khoản.........................................................59
4.II.6. Trang danh sách bài viết........................................................................60
4.II.7. Trang nội dung bài viết..........................................................................61
4.II.8. Xem bản đồ............................................................................................62
KẾT LUẬN VÀ ĐỀ NGHỊ ...........................................................................................64
DANH SÁCH TÀI LIỆU THAM KHẢO.....................................................................66
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang v
DANH SÁCH CHỮ VIẾT TẮT
AJAX : Asynchronous JavaScript and XML
API : Application Programming Interface
CSDL : Conceptual Schema Definition Language
CSS : Cascading Style Sheets
DNS : Domain Name System
EDM : Entity Data Model
HĐH : Hệ điều hành
HTML : HyperText Markup Language
JS : JavaScript
JSON : JavaScript Object Notation
LINQ : Language Integrated Query
MS : Microsoft
MSL : Mapping specification language
MX : Mail eXchange
OS : Operating System
SMTP : Simple Mail Transfer Protocol
SSDL : Store Schema Definition Language
TCP : Transmission Control Protocol
THDT (THĐT) : Truyền hình Đồng Tháp
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang vi
DANH SÁCH HÌNH, BẢNG VÀ BIỂU ĐỒ
DANH SÁCH HÌNH
Hình 1-1. Bản đồ du lịch và báo Đồng Tháp...................................................................5
Hình 1-2. Kết quả tìm kiếm "Du lịch Đồng Tháp" từ Facebook và Google...................5
Hình 1-3. Quảng bá du lịch qua THDT...........................................................................6
Hình 1-4. Hƣớng dẫn viên du lịch tại Nhà cổ Huỳnh Thủy Lê (TP.Sa Đéc)..................7
Hình 2-1. Mô hình MVC...............................................................................................13
Hình 2-2. Cách hoạt động mô hình MVC .....................................................................14
Hình 2-3. Ảnh minh họa kiến trúc ADO.NET Entity ...................................................14
Hình 2-4. Ba cách sử dụng Entity Framework..............................................................15
Hình 2-5. Mô tả vai trò CSS trong trang web ...............................................................18
Hình 2-6. Mô phỏng cách build trong PhoneGap .........................................................23
Hình 3-1. Sơ đồ Usecase tổng thể .................................................................................25
Hình 3-2. Usecase quản trị ngƣời dùng trang admin.....................................................26
Hình 3-3. Usecase Quản trị ngƣời dùng ứng dụng........................................................26
Hình 3-4. Usecase quản trị danh mục bài viết...............................................................27
Hình 3-5. Usecase thống kê lƣợt thích ..........................................................................27
Hình 3-6. Usecase quản trị nội dung bài viết ................................................................28
Hình 3-7. Usecase xem nội dung bài viết......................................................................28
Hình 3-8. Usecase xem bản đồ......................................................................................29
Hình 3-9. Usecase quản lý thông tin tài khoản..............................................................29
Hình 3-10. Sơ đồ Class..................................................................................................30
Hình 3-11. Xuất file ảnh từ cơ sở dữ liệu......................................................................31
Hình 3-12. Sơ đồ tuần tự hoạt động ajax trong ứng dụng.............................................31
Hình 3-13. Sơ đồ tuần tự chức năng đăng nhập trang ứng dụng...................................32
Hình 3-14. Sơ đồ tuần tự chức năng đăng nhập trang admin........................................32
Hình 3-15. Sơ đồ hoạt động tổng thể.............................................................................33
Hình 3-16. Mô hình Cơ sở dữ liệu ................................................................................34
Hình 4-1. Giao diện trang đăng nhập ............................................................................37
Hình 4-2. Mã xác nhận email ........................................................................................38
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang vii
Hình 4-3. Giao diện trang chủ Admin...........................................................................38
Hình 4-4. Giao diện trang tài khoản admin...................................................................39
Hình 4-5. Pop-up tạo tài khoản......................................................................................40
Hình 4-6. Lƣu đồ giải thuật mã hóa mật khẩu...............................................................41
Hình 4-7. Mật khẩu tài khoản admin.............................................................................42
Hình 4-8. Giao diện trang Quản lý danh mục ...............................................................42
Hình 4-9. Giao diện Thông tin Huyện/TP.....................................................................43
Hình 4-10. Giao diện quản lý ngƣời dùng.....................................................................44
Hình 4-11. Thống kê và chức năng trang lƣợt yêu thích...............................................45
Hình 4-12. Giao diện hiển thị tất cả bài viết..................................................................46
Hình 4-13. Hiển thị bài viết Khu mua sắm....................................................................47
Hình 4-14. Lấy tọa độ Google Maps tự động từ địa chỉ đã nhập..................................48
Hình 4-15. Thông báo điều chỉnh kích thƣớc hình ảnh.................................................48
Hình 4-16. Giao diện đăng bài viết mới........................................................................49
Hình 4-17. Giao diện chỉnh sửa bài viết........................................................................51
Hình 4-18. Tải ứng dụng T4Travel DongThap .............................................................52
Hình 4-19. Giao diện ứng dụng Android.......................................................................53
Hình 4-20. La bàn và tọa độ GPS..................................................................................53
Hình 4-21. Danh sách yêu thích ....................................................................................55
Hình 4-22. Menu đăng ký và đăng nhập .......................................................................55
Hình 4-23 Popup đăng nhập..........................................................................................56
Hình 4-24. Menu chức năng..........................................................................................57
Hình 4-25. Giao diện gửi phản hồi................................................................................57
Hình 4-26. Đăng ký tài khoản .......................................................................................58
Hình 4-27. Chức năng quên mật khẩu...........................................................................59
Hình 4-28. Giao diện thay đổi thông tin tài khoản........................................................60
Hình 4-29. Nội dung danh sách bài viết........................................................................61
Hình 4-30. Giao diện nội dung bài viết.........................................................................62
Hình 4-31. Trang xem bản đồ........................................................................................63
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang viii
DANH SÁCH BẢNG
Bảng 1-1. Thống kê số liệu đề án phát triển du lịch Tỉnh Đồng Tháp năm 2014...........2
Bảng 1-2. Thống kê thiết bị di động quý II năm 2016 trên toàn cầu ..............................3
Bảng 1-3. Kế hoạch nghiên cứu ....................................................................................10
Bảng 3-1. Tổ chức bảng dữ liệu ....................................................................................35
DANH SÁCH BIỂU ĐỒ
Biểu đồ 1-1. Thống kê lƣợt khách du lịch Tỉnh Đồng Tháp năm 2014 ..........................2
Biểu đồ 1-2. Thống kê thị phần smartphone toàn cầu (2012 - 2016)..............................3
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang ix
TÓM TẮT
Nhận thấy sự phát triển du lịch Tỉnh Đồng Tháp hiện đang thiếu một sản phẩm
có thể tổng hợp tất cả thông tin nói trên và sự thông dụng, giá thành rẻ của các thiết bị
di động (đặc biệt là thiết bị chạy hệ điều hành Android) để giúp đại đa số mọi ngƣời
điều có riêng cho mình ít nhất một chiếc điện thoại hoặc máy tính bảng để ngao du
khắp mọi nơi. Từ đó, đề tài Xây dựng hệ thống cung cấp thông tin du lịch Tỉnh Đồng
Tháp ra đời và đƣợc phát triển trên các nền tảng Web và Android.
ABSTRACT
Recognizing that tourism development in Dong Thap Province is currently
lacking a product that can synthesize all of the above information and the popularity
and low cost of mobile devices (especially operating systems Android) to help the vast
majority of people have their own at least a phone or tablet to roam everywhere. Since
then, the theme of building Tourism information supply system in Dong Thap Province
has been developed and developed on Web and Android platforms.
TỪ KHÓA
Xây dựng hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 1
CHƢƠNG 1. MỞ ĐẦU
TỔNG QUAN VỀ TÌNH HÌNH NGHIÊN CỨUI.
1.I.1. Vùng đồng bằng sông Cửu Long
Vùng đồng bằng sông Cửu Long của Việt Nam gồm mƣời hai Tỉnh (trong đó có
Tỉnh Đồng Tháp) và một Thành Phố, đƣợc hình thành từ những trầm tích phù sa và bồi
dần qua nhiều thế kỷ và những hoạt động của hỗn hợp giữa sông và biển đã hình thành
những vạt đất phù sa phì nhiêu, màu mỡ dọc theo ven sông. Vì thế Đồng Tháp đƣợc
thừa hƣởng những đặc điểm thiên nhiên của Vùng đồng bằng nhƣ: sông ngòi chằng
chịt, đa dạng sinh học cao với các khu rừng nguyên sinh, vùng đất ngập nƣớc; Đồng
thời, với những nét văn hóa độc đáo thể hiện qua các lễ hội, làng nghề, di tích văn hóa
lịch sử; tạo nên một tiềm năng vô tận cho sự phát triển du lịch nhân văn giá trị của
Vùng đồng bằng sông Cửu Long nói chung và Tỉnh Đồng Tháp nói riêng.
1.I.2. Tình hình du lịch Tỉnh Đồng Tháp
“Tháp Mười đẹp nhất bông sen
Việt Nam đẹp nhất có tên Bác Hồ”
Bảo Đình Giang
Nhắc đến câu thơ trên, ai cũng liên tƣởng ngay đến vùng Đồng Tháp Mƣời, nơi
có sen hồng trở thành biểu tƣợng cho sự sống của ngƣời dân Đồng Tháp và là nơi có
nhiều cảnh quan thiên nhiên đặc sắc, sông nƣớc hữu tình, bốn mùa hoa thơm quả ngọt,
cùng với tài nguyên thiên nhiên phong phú, kết hợp với con ngƣời thân thiện, tinh hoa
văn hóa, lịch sử của cộng đồng và nhiều lễ hội dân gian truyền thống mang đậm bản
sắc văn hóa dân tộc… tiêu biểu nhất là du lịch sinh thái theo mùa, du lịch sông nƣớc,
du lịch trải nghiệm, làng nghề, ẩm thực… gắn liền với các địa điểm tham quan, di tích
lịch sử cấp Tỉnh và cấp Quốc gia nhƣ: Chùa Kiến An Cung, làng hoa kiểng Sa Đéc,
Nhà Cổ Huỳnh Thủy Lê…
Mặc dù là tỉnh có nhiều tiềm năng du lịch, nhƣng du lịch Đồng Tháp đƣợc đánh
giá là đang phát triển dƣới mức tiềm năng. Theo số liệu đề án phát triển du lịch Tỉnh
Đồng Tháp năm 2014, Đồng Tháp đón và phục vụ 1.855.921 lƣợt khách du lịch. Tuy
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 2
nhiên, chủ yếu là khách tham quan hành hƣơng; khách nội địa và khách quốc tế còn ít.
Tổng doanh thu du lịch đạt thấp (318 tỷ đồng năm 2014).
Bảng 1-1. Thống kê số liệu đề án phát triển du lịch Tỉnh Đồng Tháp năm 2014
Loại khách Số lƣợt
Khách tham quan hành hƣơng 1.355.185
Khách nội địa 455.643
Khách quốc tế 45.093
Theo bảng số liệu nói trên, ta thu đƣợc biểu đồ tròn theo tỉ lệ phần trăm (%)
nhƣ sau:
Biểu đồ 1-1. Thống kê lượt khách du lịch Tỉnh Đồng Tháp năm 2014
1.I.3. Sự phát triển thiết bị di động năm 2016
Đổi mới là nền tảng của công nghệ. Mƣời năm trƣớc đây, hầu nhƣ chúng ta
không gửi tin nhắn dạng văn bản, đàm thoại ngƣời với ngƣời, hoặc chơi trò chơi Con
Rắn trên màn hình hai màu. Nhƣng ngày nay, với các thiết bị di động có thể xử lý
nhiều hơn một máy tính để bàn trung bình có thể thực hiện ở cùng một thời điểm và từ
màn hình hai màu lên đa sắc, gửi tin nhắn dạng văn bản giờ có thể định kèm tập tin
hoặc icon hình ảnh, đàm thoại nhóm…
Khách
hành
hƣơng
73%
Khách
nội địa
25%
Khách
quốc tế
2%
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 3
Định nghĩa về sự phát triển thiết bị di động không chỉ bao gồm điện thoại di
động truyền thống, mà còn bao gồm cả thiết bị máy tính bảng (tablet), thiết bị chơi
game, truyền hình, xe hơi, và nhiều thiết bị tiêu dùng khác có sử dụng hệ điều hành.
Tuy nhiên, trong bài báo cáo này thiết bị thông minh đƣợc nói đến bao gồm là: tablet
và smartphone.
Bảng 1-2. Thống kê thiết bị di động quý II năm 2016 trên toàn cầu
Hệ điều hành Thiết bị đƣợc xuất xƣởng
Android 296,9 triệu
iOS 44,4 triệu
Windows Phone 1,97 triệu
BlackBerry 400 nghìn
Biểu đồ 1-2. Thống kê thị phần smartphone toàn cầu (2012 - 2016)
Theo số liệu thống kê trên có thể thấy thị phần hệ điều hành di động thì
Android chiếm tỉ lệ cao nhất và có thiết bị xuất xƣởng nhiều nhất, theo sau là iOS.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 4
LÝ DO CHỌN ĐỀ TÀIII.
Nhận thấy tình hình du lịch Tỉnh Đồng Tháp còn nhiều khó khăn về cơ sở hạ
tầng, hệ thống giao thông, các sản phẩm du lịch đơn điệu, thô sơ và trùng lắp, chất
lƣợng phục vụ thấp, chƣa có nhiều điểm vui chơi, giải trí. Đồng thời việc quảng bá,
cũng nhƣ công tác tuyên truyền du lịch thiếu ấn tƣợng và hiệu quả chƣa cao. Theo Tài
liệu tuyên truyền “Đề án phát triển Du lịch tỉnh Đồng Tháp giai đoạn 2015 – 2020
(Kèm theo Công văn số 1803-CV/BTGTU, ngày 29/5/2015 của Ban Tuyên giáo Tỉnh
uỷ)”. Nhằm thúc đẩy ngành phát triển du lịch của Tỉnh Đồng Tháp ngày càng phát
triển và trở thành ngành kinh tế quan trọng của Tỉnh.
Tuy nhiên, việc quảng bá du lịch trong Tỉnh đa số dựa trên mạng xã hội,
website, truyền hình, ứng dụng di động, bản đồ du lịch.
Hiện nay, dạo quanh các siêu thị sách hoặc nơi bán các bản đồ, tài liệu du lịch
điều thấy rất nhiều nội dung nói về giới thiệu các địa điểm, đặc sản, phƣơng tiện đi lại
trong Tỉnh Đồng Tháp hoặc cả nƣớc Việt Nam; điều này gặp phải vài sự bất tiện, khi
đi du lịch ngoài Tỉnh (đối với khách nội địa) hoặc các du khách nƣớc ngoài vì đi đâu
cũng phải mang theo một quyển sách, tờ báo, bản đồ chỉ đƣờng hay tài liệu giới thiệu
về địa điểm tham quan nào đó.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 5
Hình 1-1. Bản đồ du lịch và báo Đồng Tháp
Mặt khác, với sự phát triển mạnh mẽ của Công Nghệ Thông Tin nói chung và
sự phát triển mạnh mẽ của các website mạng xã hội, công cụ tìm kiếm nói riêng; tiêu
biểu nhƣ Facebook và Google. Khi tìm kiếm với cụm từ “Du lịch Đồng Tháp” là đã có
khá nhiều kết quả trả về cho ngƣời dùng lựa chọn từ 2 trang Facebook và Google. Tỉnh
còn giới thiệu các địa điểm du lịch trên website chính thức: Cổng thông tin điện tử
Đồng Tháp (dongthap.gov.vn), Đài Phát thanh – Truyền hình Đồng Tháp (thdt.vn),
Báo Đồng Tháp Online (baodongthap.vn)…
Hình 1-2. Kết quả tìm kiếm "Du lịch Đồng Tháp" từ Facebook và Google
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 6
Việc quảng cáo, giới thiệu các địa điểm, dịch vụ du lịch trong Tỉnh cũng đƣợc
phát triển không kém nhƣ một chƣơng trình đã phát sóng: Đồng Tháp chuẩn bị chào
đón du khách, Ấn tƣợng du lịch Đồng Tháp tại VTIM 2016 hoặc Họp báo tuần lễ du
lịch Đồng Tháp năm 2017 tại TP. Sa Đéc… với loại hình quảng bá này sẽ giúp cho
khách du lịch có thêm phần đáng tin cậy về thông tin giới thiệu; tuy nhiên, đều này sẽ
khiến cho du khách phải chủ động cập nhật thông tin du lịch từ các thông tin khác
nhau: truyền hình, báo chí…
Hình 1-3. Quảng bá du lịch qua THDT
Ngoài ra, một số du khách hoặc dịch vụ du lịch còn có thể thuê thêm ngƣời
Hƣớng dẫn viên du lịch (ngƣời trong Tỉnh hoặc ngoài Tỉnh) để giúp cho ngƣời tham
quan có thêm những kiến thức hoặc đi lại dễ dàng hơn. Tuy nhiên, với loại hình này
thì du khách phải bỏ số tiền không ít để thuê hoặc phải tuân thủ nội quy của đoàn, bị
ràng buộc mất đi phần nào sự tự do vốn có cho một chuyến đi du lịch.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 7
Hình 1-4. Hướng dẫn viên du lịch tại Nhà cổ Huỳnh Thủy Lê (TP.Sa Đéc)
Bên cạnh đó một (nhóm) du khách, họ cần một nguồn thông tin: địa điểm du
lịch phải đƣợc cập nhật: thƣờng xuyên, chính xác; bản đồ chỉ đƣờng; cung cấp các địa
điểm nghỉ ngơi, giải trí và các món ăn đặc sản, thực đơn của nhà hàng… Nhƣng hiện
tại với nguồn thông tin du lịch của Tỉnh Đồng Tháp còn khá rời rạc chƣa tập trung
thành một sản phẩm nhất định.
Vì lý do này, việc nghiên cứu và xây dựng ứng dụng (Website, di động) hỗ trợ
việc quảng bá du lịch là cần thiết nó mang ý nghĩa thực tế cho Tỉnh Đồng Tháp và ứng
dụng này không cần đến những cuốn hƣớng dẫn du lịch, những tấm bản đồ bằng giấy
hay những chiếc la bàn cũ kỹ nằm trong hành trang du lịch, mà giờ đây những du
khách khi đi đến Tỉnh Đồng Tháp chỉ với những thiết bị di động có kết nối Internet
hoặc smartphone Android của mình là có thể ngao du khắp địa bàn Tỉnh Đồng Tháp.
MỤC TIÊU NGHIÊN CỨUIII.
Xây dựng hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp trên nền tảng
Website và hệ điều hành di động Android. Bao gồm một số chức năng nhƣ:
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 8
- Cung cấp hệ thống thời tiết ở hai Thành Phố của Tỉnh (Cao Lãnh và Sa Đéc).
- Tra cứu thông tin của các Thành Phố và Huyện.
- Xem các thông tin về địa điểm tham quan, nhà hàng khách sạn…
- Dẫn đƣờng dựa vào GPS hoặc dữ liệu mạng.
- Tra cứu các địa điểm tham quan lân cận trên bản đồ.
Ngoài ra, giúp cho các du khách và Tỉnh Đồng Tháp có thêm một công cụ tra
cứu việc tìm kiếm, xem thông tin địa điểm về du lịch một cách miễn phí. Và là nơi
giúp cho các nhà cung cấp dịch vụ - du lịch của Tỉnh có thêm một nơi để quảng cáo
cho mình miễn phí.
ĐỐI TƢỢNG VÀ KHÁCH THỂ NGHIÊN CỨUIV.
- Đối tƣợng nghiên cứu: Xây dựng hệ thống cung cấp thông tin du lịch Tỉnh
Đồng Tháp.
- Khách thể nghiên cứu:
+ Những khách du lịch có nhu cầu sử dụng ứng dụng du lịch về Tỉnh
Đồng Tháp (bao gồm sử dụng trên web hoặc điện thoại di động Android).
+ Các khu du lịch, di tích, nhà hàng khách sạn, phƣơng tiện trong Tỉnh
Đồng Tháp.
PHƢƠNG PHÁP VÀ PHẠM VI NGHIÊN CỨUV.
1.V.1. Phƣơng pháp nghiên cứu
a. Phƣơng pháp nghiên cứu tài liệu
- Các tài liệu, sách, báo chuyên về vấn đề du lịch Tỉnh Đồng Tháp.
- Các chƣơng trình truyền hình du lịch Tỉnh Đồng Tháp.
- Các trang web, tài liệu tham khảo có liên quan đến đề tài.
b. Phƣơng pháp nghiên cứu thực tiễn
- Phƣơng pháp quan sát: Quan sát từ các ngƣời dân thuộc địa bàn Tỉnh Đồng
Tháp: Thành Phố Cao Lãnh, Thành Phố Sa Đéc, huyện Thanh Bình và huyện Lấp Vò.
- Phƣơng pháp chuyên gia: Tham khảo ý kiến của
+ Giảng viên hƣớng dẫn,
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 9
+ Một số Thầy, Cô, Sinh Viên Khoa Văn học – Du lịch trƣờng Đại học
Đồng Tháp.
c. Phƣơng pháp thống kê
Bao gồm thu thập dữ liệu, xử lý và thống kê số liệu dùng để làm luận cứ cho đề
tài.
1.V.2. Phạm vi nghiên cứu
a. Về mặt lý thuyết
- Đối với website: Tìm hiểu kỹ thuật lập trình, cách thức hoạt động và các đối
tƣợng trong ASP.NET, ADO.NET, jQuery Mobile, AJAX, Yahoo! Weather và Google
Map API.
- Đối với ứng dụng Android: Tìm hiểu cách đọc, gửi JSON, kỹ thuật lập trình
và cách sử dụng Adobe PhoneGap.
- Hiểu đƣợc cách thức hoạt động của Client – Server trên website.
- Hiểu đƣợc cách lƣu trữ dữ liệu của hệ quản trị cơ sở dữ liệu Microsoft SQL
Server (MS SQL Server).
- Hiểu thêm về giao thức truyền gửi thƣ tín SMTP.
b. Về mặt lập trình
- Đối với website: Xây dựng trang web Admin dùng để quản trị nội dung ứng
dụng và trang ứng dụng cho ngƣời dùng bằng ASP.NET, ADO.NET, csHTML,
HTML, CSS, JavaScript, SQL Server.
- Đối với ứng dụng Android: Xây dựng ứng dụng Android bằng PhoneGap chủ
yếu vào HTML 5, CSS 3 và JavaScript (jQuery Mobile).
- Phát hành ứng dụng lên kho CH Play cho hệ điều hành Android.
ĐÓNG GÓP MỚI ĐỀ TÀIVI.
- Mở ra một hƣớng đi mới cho ngành du lịch Tỉnh Đồng Tháp với nội dung
đƣợc tổng hợp và thống nhất thành một ứng dụng trên nền tảng web và hệ điều hành di
động cụ thể là Android; từ đó du khách đến với Đồng Tháp chỉ cần một thiết bị di
động có kết nối Internet hoặc smartphone Android của mình.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 10
- Là một ứng dụng tổng hợp thông tin địa điểm du lịch, phƣơng tiện di chuyển,
đặc sản địa phƣơng đồng thời còn là một sản phẩm tích hợp chức năng dẫn đƣờng từ
Google Maps thông qua GPS hoặc mạng Internet, xem thời tiết của ngày hiện nay và
các ngày tiếp theo.
KẾ HOẠCH NGHIÊN CỨUVII.
Bảng 1-3. Kế hoạch nghiên cứu
Tuần
Nội dung
1 2 3 4 5 6 7 8 9 10 11 12
Hoàn thành đặt tả 
Hoàn thành CSDL   
Thu thập tài liệu  
Khảo sát thực trạng 
Tham khảo ý kiến Thầy, Cô, Sinh
Viên Đại học Đồng Tháp
    
Thu thập dữ liệu   
Lập trình trang Admin   
Lập trình trang Ngƣời dùng     
Lập trình ứng dụng Android     
Viết báo cáo   
Chỉnh sửa   
Ghi nhận ý kiến Giảng viên            
ĐẶC TẢVIII.
Đồng Tháp có nhiều quan cảnh thiên nhiên đặc sắc, sông nƣớc hữu tình, cùng
với tài nguyên phong phú, đồng thời với sự thân thiện của ngƣời dân kết hợp với tinh
hoa văn hóa, lịch sử của cộng đồng và lễ hội mang đậm bản sắc dân tộc. Đó là những
lợi thế để phát triển du lịch và trở thành ngành kinh tế quan trọng của tỉnh.
Từ những đặc điểm nói trên và sự khuyến phát triển du lịch của tỉnh bằng
“Đề án phát triển Du lịch của tỉnh Đồng Tháp giai đoạn 2015-2020 (Kèm theo Công
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 11
văn số 1803-CV/BTGTU, ngày 29/5/2015 của Ban Tuyên giáo Tỉnh uỷ)”. Tƣơng lai
ngành du lịch của tỉnh phát triển mạnh mẽ, tuy nhiên hiện nay vẫn còn rất ít website
quảng bá hay phần mềm giới thiệu về: địa điểm du lịch, nhà hàng – khách sạn, khu vui
chơi giải trí, các phƣơng tiện đi lại, đặc sản, lễ hội – các làng truyền thống (tạm gọi là
danh mục).
Từ những nhu cầu nói trên, ứng dụng cung cấp thông tin du lịch cho Tỉnh Đồng
Tháp ra đời với tên gọi T4Travel DongThap. Phần mềm cung cấp danh mục lớn
bao gồm các tên và biểu tƣợng nhƣ: Điểm tham quan, Khu vui chơi, Làng truyền
thống,… (có thể thêm, sửa trong trang Admin); ngƣời dùng chọn danh mục, phần mềm
cho ra kết quả danh sách tên các địa điểm theo danh mục đã chọn (tiêu đề, hình ảnh,
số yêu thích). Khi nhấn vào xem địa điểm nào đó, hệ thống hiển thị nội dung bao
gồm: Tên địa điểm, nội dung, hình ảnh địa chỉ (nếu có), nút nhấn yêu thích – bỏ yêu
thích và có kèm chức năng bản đồ của Google Maps bao gồm chức năng: dẫn đƣờng
(nếu ngƣời dùng kích hoạt GPS) hoặc đánh dấu địa điểm đó thông qua tọa độ và đồng
thời hiển thị tất cả địa điểm trong cơ sở dữ liệu (Admin có thể thêm hoặc sửa nội
dung); ngoài nội dung kể trên, ngƣời quản trị nội dung (Admin) có thể thêm những nội
dung con: Tên, nội dung, địa chỉ, hình ảnh, danh sách mục con này đƣợc sắp xếp theo
vị trí (Có chức năng thêm, sửa, xóa cho phần nội dung này).
Ngoài ra, ứng dụng còn có thêm chức năng Đăng ký (Họ tên, email, mật khẩu),
Đăng nhập cho ngƣời dùng Yêu thích nội dung địa điểm nào đó (Mã địa điểm, tên
đăng nhập và ngày giờ yêu thích), hệ thống lƣu và đƣa vào danh sách Yêu thích
(sắp xếp theo ngày). Trang Admin quản lý ngƣời dùng này và chỉ đƣợc phép chặn
ngƣời dùng.
Chức năng Quên mật khẩu, yêu cầu ngƣời dùng nhập email và hệ thống
gửi kèm 1 mã xác nhận (có thời hạn trong vòng 5 phút). Nếu trong 5 phút và ngƣời
dùng nhận đúng mã xác nhận thì hệ thống cho phép ngƣời dùng thay đổi mật khẩu
mới.
Trang admin đƣợc chia thành 2 chức năng:
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 12
- Ngƣời Đăng Bài: Chỉ đƣợc phép đăng bài viết mới hoặc chỉnh sửa bài viết của
chính mình; đồng thời có quyền xem các nội dung bài viết khác và chức năng của
Ngƣời Quản Trị Viên.
- Ngƣời Quản Trị Viên: Sẽ có chức năng của một Ngƣời Đăng Bài, nhƣng có
thể thêm, chỉnh sửa: loại danh mục, tài khoản admin…
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 13
CHƢƠNG 2. CỞ SỞ LÝ THUYẾT
TỔNG QUAN VỀ ASP.NET MVC 4I.
ASP.NET MVC là một framework – một công nghệ của Microsoft dùng để
phát triển ứng dụng web theo mô hình MVC đƣợc định nghĩa bởi Model – View –
Controller. Nền tảng ASP.NET MVC có đặc điểm nhẹ (lightweight), dễ kiểm thử trên
phần giao diện so với ứng dụng Web Forms, đồng thời tích hợp sẵn các công nghệ của
ASP.NET. ASP.NET MVC đƣợc định nghĩa trong namespace System.Web.Mvc là một
phần của namespace System.Web.
Hình 2-1. Mô hình MVC
Yêu cầu của ngƣời dùng thƣờng xuất phát từ View, sau đó View nhờ
Controller để điều khiển các hành động, các giao tiếp, chuyển những thông tin từ
Model xuống Cơ sở dữ liệu; tƣơng tự nhƣ vậy, từ CSDL thông qua Model thì
Controller điều khiển để hiển thị trên View. Chắc chắn View đang sử dụng bằng
HTML (Server Control). Controller là phần sử dụng Code Behind, phần Model sử
dụng ADO.NET hoặc LINQ hoặc Entity.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 14
Hình 2-2. Cách hoạt động mô hình MVC
TỔNG QUAN VỀ ADO.NET ENTITYII.
2.II.1. ADO.NET Entity Framework
ADO.NET Entity là một nền tảng đƣợc sử dụng để làm việc với cơ sở dữ liệu
thông qua cơ chế ánh xạ Object/Relational Mapping (ORM). Nhờ đó, lập trình viên
.NET có thể truy vấn, thao tác với database một cách gián tiếp thông qua các đối tƣợng
lập trình.
Hình 2-3. Ảnh minh họa kiến trúc ADO.NET Entity
ADO.NET Entity có 3 thành phần:
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 15
- Code: là mã lệnh tạo thành phần các lớp đối tƣợng dữ liệu cho phép thao tác
dữ liệu.
- Model: là sơ đồ gồm các hộp mô tả các thực thể và các đƣờng kết nối mô tả
các quan hệ.
- Database: là cơ sở dữ liệu (có thể là SQL Server, Compact SQL Server, Local
database, MySQL, Oracle,…)
Có 3 cách sử dụng trong Entity Framework: Code First, Models First hoặc
Database First.
Hình 2-4. Ba cách sử dụng Entity Framework
2.II.2. Truy vấn trong ADO.NET Entity
Đối với ADO.NET Entity Framework đƣợc hỗ trợ 3 loại truy vấn: LINQ to
Entities, Entity SQL và SQL thuần.
a. LINQ to Entities
LINQ to Entities: LINQ là một ngôn ngữ truy vấn mạnh mẽ đƣợc giới thiệu
trong Visual Studio 2008. Lập trình viên có thể sử dụng LINQ trong C# hoặc Visual
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 16
Basic để truy vấn các nguồn dữ liệu khác nhau. LINQ to Entities đƣợc hoạt động dựa
trên các thực thể trong mô hình Entity Framework.
Có hai cú pháp dùng trong LINQ: phƣơng thức hoặc truy vấn với Entity Data
Model.
- Phƣơng thức LINQ:
using (T4TravelDbContext db = new T4TravelDbContext())
{
ViewData["DSTKAdmin"] = db.TaiKhoanAdmins.ToList();
}
- Truy vấn LINQ:
using (T4TravelDbContext db = new T4TravelDbContext())
{
ViewData["DSTKAdmin"] = from tk in db.TaiKhoanAdmins select tk;
}
b. Entity SQL
Entity SQL là một cách khác để tạo ra một truy vấn. Entity SQL đƣợc xử lý
trực tiếp bởi Object Services của ADO.NET Entity Framework. Entity SQL trả về đối
tƣợng ObjectQuery thay vì IQueryable.
ObjectContext sử dụng để tạo ra truy vấn sử dụng Entity SQL.
using (T4TravelDbContext db = new T4TravelDbContext())
{
string sqlString = "select * from T4TravelDbContext.TaiKhoanAdmins";
var objContext = (db as System.Data.Entity.Infrastructure.IObjectContextAdapter).ObjectContext;
System.Data.Entity.Core.Objects.ObjectQuery lopQuery =
objContext.CreateQuery<TaiKhoanAdmin>(sqlString);
}
c. SQL thuần
Ngoài các cách kể trên, ADO.NET Entity Framework còn hỗ trợ cách truy vấn
bằng câu lệnh thực thi thuần SQL cho cơ sở dữ liệu quan hệ.
- Truy vấn SQL không tham số:
using (T4TravelDbContext db = new T4TravelDbContext())
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 17
{
var sql = db.TaiKhoanAdmins.SqlQuery("Select * from TaiKhoanAdmin")
.ToList();
}
- Truy vấn SQL có tham số:
using (T4TravelDbContext db = new T4TravelDbContext())
{
ShowSingleInfoAdmin tka = db.Database.SqlQuery<ShowSingleInfoAdmin>(
"sp_ShowSingleInfoAdmin @param",
new SqlParameter("param", str_us.ToString())
).Single<ShowSingleInfoAdmin>();
}
TỔNG QUAN VỀ SQL SERVERIII.
Là một hệ quản trị cơ sở dữ liệu do Microsoft phát triển. SQL Server là một hệ
quản trị cơ sở dữ liệu quan hệ mạng máy tính hoạt động theo mô hình khách chủ cho
phép đồng thời cùng lúc có nhiều ngƣời dùng truy xuất đến dữ liệu, quản lý việc truy
nhập hợp lệ và các quyền hạn của từng ngƣời dùng trên mạng.
TỔNG QUAN VỀ HTML, CSS VÀ JAVASCRIPTIV.
2.IV.1. HTML và CSHTML
HTML viết tắt của HyperText Markup Language (tạm dịch Ngôn ngữ Đánh dấu
Siêu văn bản) là ngôn ngữ đánh dấu đƣợc thiết kế để tạo nên các trang web với các
mẫu thông tin trình bày trên World Wide Web. Cùng với CSS và JavaScript, HTML
tạo thành bộ ba nền tảng kỹ thuật cho World Wide Web. Hiện nay, HTML đang đƣợc
phát triển tiếp với phiên bản HTML5 hứa hẹn mang lại diện mạo mới cho trang web.
Trong view của ASP.NET, sử dụng các thẻ HTML đồng thời có thể kết hợp
với các khối lệnh ngôn ngữ C# bằng cách khai báo @{…} hoặc @<tên biến> để tạo ra
một view template (file .cshtml).
@{
List<HuyenTP> lh = (List<HuyenTP>)ViewData["HuyenTP"];
foreach (HuyenTP item in lh)
{
<option value="@item.MaHuyen">@item.TenHuyen</option>
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 18
}
}
2.IV.2. CSS (Cascading Style Sheets)
Là một ngôn ngữ đƣợc sử dụng để tìm và định dạng lại các phần tử đƣợc tạo ra
bởi các ngôn ngữ đánh dấu (ví dụ nhƣ HTML). Nếu HTML đóng vai trò định dạng các
phần tử trên trang web nhƣ việc tạo ra các đoạn văn bản, các tiêu đề, bảng,… thì CSS
giúp chúng ta có thể thêm một chút “phong cách” vào các phần tử HTML đó nhƣ
đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc…
Hình 2-5. Mô tả vai trò CSS trong trang web
2.IV.3. JavaScript và jQuery – jQuery Mobile
a. JavaScript
JavaScript (có phần mở rộng .js) là một ngôn ngữ lập trình dạng kịch bản dựa
trên đối tƣợng đƣợc phát triển từ các ý niệm nguyên mẫu. Ngôn ngữ đƣợc sử dụng
rộng rãi trên các trang web, nhƣng cũng đƣợc dùng để tạo khả năng viết script sử dụng
đối tƣợng có sẵn trong các ứng dụng. Giống Java, JavaScript có cú pháp tƣơng tự C,
nhƣng gần giống với Self hơn Java.
Hiện nay, có rất nhiều framework, libraries đƣợc viết bằng ngôn ngữ
JavaScript:
- jQuery: Một thƣ viện mạnh mẽ và thông dụng.
- AngularJS: Một thƣ viện xây dựng ứng dụng Single Page.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 19
- NodeJS: Một thƣ viện đƣợc phát triển phía Server dùng để xây dựng ứng dụng
realtime.
- Firebase: Một nền tảng di động dùng lƣu trữ dữ liệu theo thời gian thực.
b. jQuery và jQuery Mobile
jQuery là một thƣ viện kiểu mới của JavaScript, đƣợc tạo bởi John Resig vào
năm 2006. jQuery làm đơn giản hóa việc truyền tải HTML, xử lý sự kiện, tạo hiệu ứng
động và tƣơng tác với Ajax.
jQuery Mobile là một Framework đƣợc phát triển tƣơng tự nhƣ jQuery nhƣng
đƣợc xây dựng cho các ứng dụng chạy trên thiết bị di động (điện thoại hoặc máy tính
bảng). Hiện nay, jQuery chạy trên hầu hết thiết bị smartphone và tablet nhƣ: iOS,
Android, Windows Phone, symbian, BlackBerry…
jQuery Mobile đƣợc xây dựng dựa trên các cú pháp của jQuery, ngoài ra
jQuery Mobile còn đi kèm một file CSS để giúp ngƣời lập trình dễ dàng xây dựng giao
diện trên nền tảng HTML5, CSS3, JavaScript và Ajax.
CÔNG NGHỆ WEB 2.0 VÀ AJAXV.
Web 2.0 đƣợc xem là một cuộc cách mạng trên thế giới mạng, thế hệ web mới
có những thay đổi quan trọng không chỉ ở nền tảng công nghệ (RSS, SOA, Ajax…)
mà còn cả ở cách thức sử dụng - hình thành nên môi trƣờng cộng đồng.
Ajax viết tắt của Asynchronous JavaScript and XML (tạm dịch JavaScript và
XML không đồng bộ) là một nhóm công nghệ phát triển web đƣợc sử dụng để tạo ứng
dụng web động hoặc các ứng dụng giàu tính Internet (rich Internet Application) tƣơng
tác, nhanh hơn và mƣợt mà hơn với sự giúp đỡ của XML, HTML, CSS và JavaScript.
Ajax cho phép các trang web đƣợc cập nhật một cách không đồng bộ bằng cách
trao đổi các lƣợng dữ liệu nhỏ với Server thông qua các phƣơng thức POST hoặc
GET. Tức là Ajax giúp cập nhật các phần nhỏ trong trang mà không cần tải lại toàn bộ
trang (nhờ vào đối tƣợng XMLHttpRequest).
Đối tƣợng XMLHttpRequest là chìa khóa then chốt của kỹ thuật Ajax. Tất cả
trình duyệt Web hiện đại (Chrome, IE7+, FireFox, Safari và Opera) đều đã đƣợc hỗ trợ
đối tƣợng XMLHttpRequest. Đối tƣợng này cho phép trao đỗi dữ liệu với một Server
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 20
dƣới dạng chạy nền, khi đó trang web có thể cập nhật các phần nhỏ của trang mà
không cần phải load lại toàn bộ trang web.
Dữ liệu trả về của XMLHttpRequest là XML, JSON hoặc định dạng thuần của
văn bản.
Ví dụ: Dùng XMLHttpRequest trả về JSON và lƣu vào localStorage
var http = new XMLHttpRequest();
parameter = parameter || null;
var value = name.split(":");
name = value[0];
var url = link + name;
http.open("POST", url, true);
http.responseType = "json";
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.onreadystatechange = function () {
if (http.readyState === XMLHttpRequest.DONE) {
var local = "";
if (value.length > 1)
local = value[1];
window.localStorage.setItem(name + local, JSON.stringify(http.response));
}
}
http.send(parameter);
GIAO THỨC TRUYỀN TẢI THƢ TÍN SMTPVI.
SMTP viết tắt của Simple Mail Transfer Protocol (Giao thức truyền tải thƣ tín
đơn giản) là một chuẩn tải thƣ điện tử qua mạng Internet. SMTP là một giao thức dùng
nền văn bản và tƣơng đối đơn giản. Trƣớc khi một thông điệp đƣợc gửi, ngƣời ta có
thể định vị một hoặc nhiều địa chỉ nhận cho thông điệp - những địa chỉ này thƣờng
đƣợc kiểm tra về sự tồn tại trung thực của chúng.
Cổng mặc định của SMTP:
- SMTP AUTH: Port 25 hoặc 587
- SMTP SSL: Port 465
- SMTP StartTLS: Port 587
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 21
Để xác định trình chủ SMTP của một tên miền nào đấy, ngƣời ta dùng một mẫu
tin MX của DNS. Hiện nay, có hơn 40 nhà cung cấp dịch vụ email thông dụng nhƣ:
yahoo.com, mail.com, Hotmail, iCould, Google…
Đối với Google cần thiết lập cấu hình SMTP nhƣ sau:
- Máy chủ SMTP: smtp.gmail.com
- Yêu cầu SSL: Có
- Yêu cầu TLS: Có (Nếu có)
- Yêu cầu xác thực: Có
- Cổng cho SSL: 465
- Cổng cho TLS/STARTTLS: 587
Nếu bạn sử dụng Gmail với tài khoản cơ quan hoặc trường học của mình, hãy
nhập mail.domain.com, sau đó chọn cổng 110.
PHƢƠNG THỨC MÃ HÓA DỮ LIỆU BASE-64 VÀ MD5VII.
2.VII.1. Mã hóa Base-64
Base64 là một chƣơng trình mã hóa chuỗi ký tự bằng cách dùng thay thế các ký
tự trong bảng mã ASCII 8 bit thông dụng thành bảng mã 6 bit. Nó thƣờng đƣợc sử
dụng để mã hóa các tập tin đa phƣơng tiện (hình ảnh, âm thanh, video…). Ký tự 64
trong Base64 là đại diện cho 64 ký tự trong bảng mã ASCII. Base64 thƣờng đƣợc sử
dụng trong việc truyền tải email. Tuy nhiên, ngày nay ngƣời ta đã sử dụng nó vào việc
truyền tải hình ảnh trên website.
Chuẩn Base64 là một tập hợp gồm 64 ký tự bắt đầu từ giá trị 0 đến 63 (theo
đúng thứ tự): ký tự từ A đến Z biểu diễn cho các giá trị từ 0 đến 25, từ a đến z biểu
diễn cho giá trị từ 26 đến 51, từ 0 đến 9 biểu diễn cho giá trị từ 52 đến 61, dấu + biểu
diễn cho giá trị 62, dấu / biểu diễn cho giá trị 63.
2.VII.2. Mã hóa MD5
Viết tắt của Message-Digest algorithm 5 (Giải thuật Tiêu hóa tin 5) là một hàm
băm mật mã học đƣợc diễn tả bằng một số hệ thập lục phân 32 ký tự, theo chuẩn RFC
1321, các chƣơng trình MD5 thƣờng đƣợc gọi là MD5Sum. Nó đƣợc dùng để tạo ra
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 22
một chuỗi 128 bit duy nhất từ một chuỗi dữ liệu nhập bất kỳ, và vì thế thƣờng đƣợc
dùng để kiểm tra tính toàn vẹn dữ liệu của một tập tin.
ADOBE PHONEGAPVIII.
Về cơ bản loại ứng dụng mobile đƣợc chia thành 3 loại: Native app, Hybrid app
và Web app. Mỗi loại có ƣu nhƣợc điểm riêng:
- Native app thì có lẽ quá quen thuộc, đó chính là sử dụng Java để lập trình
Android, Objective-C hay Swiff để lập trình iOS, C# để lập trình Window Phone…
Những ứng dụng này đƣợc thiết kế để chạy riêng trên những hệ điều hành nhất định,
còn muốn chạy trên hệ điều hành khác thì phải code lại từ đầu.
- Với Web app thì có thể chạy trên tất cả các hệ điều hành mà chỉ cần trình
duyệt, bạn vào trình duyệt gõ địa chỉ là có thể truy cập đƣợc, ví dụ:
m.facebook.com,…
- Còn Hybrid app, hay còn gọi là ứng dụng lai (Adobe PhoneGap là một trong
những công cụ thuộc loại ứng dụng này). Nó là sự kết hợp của cả Native app lẫn Web
app.
PhoneGap là một công cụ phát triển ứng dụng di động viết một lần biên dịch ra
các hệ điều hành: iOS, Android, Windows Phone, BlackBerry, webOS, Bada,
Symbian. Cho phép phát triển ứng dụng từ HTML, CSS, JavaScript.
PhoneGap là mã nguồn mở miễn phí phát triển bởi Nitobi, nhƣng đằng sau có
sự đóng góp của IBM, RIM và Microsoft. Tuy nhiên, năm 2011 đƣợc Adobe mua lại
và đƣợc Adobe sử dụng cho dự án Apache Cordova.
Đến nay, do sự phát triển mạnh mẽ của hai hệ điều hành lớn: iOS, Android,
khiến hãng sản xuất mặc định sẵn khi tạo project chỉ build đƣợc 2 hệ điều hành này.
Nếu muốn phát triển thêm hệ điều hành khác, ngƣời lập trình cần phải cấu hình trong
file config.xml của dự án.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 23
Hình 2-6. Mô phỏng cách build trong PhoneGap
YAHOO! WEATHER APIIX.
Adam Cahen, phó chủ tịch cao cấp phụ trách các sản phẩm mobile của Yahoo
cho biết: “Cái chúng tôi muốn làm đó là “cảm nhận” được thời tiết. Bạn nhìn vào
những con số trên biểu đồ nhưng cái bạn thật sự muốn là cảm nhận được tình trạng
thời tiết. Ý tưởng đơn giản đó là khi chúng ta muốn biết về thời tiết, chúng ta thật sự
muốn nhìn thấy chúng thật sự như thế nào.”.
Ảnh thay đổi theo hoàn cảnh thời tiết và giờ giấc trong ngày. Những bức ảnh
thay đổi liên tục. Ngoài thông tin nhiệt độ, ứng dụng Yahoo! Weather còn bổ sung
các thông tin dự báo, giờ mặt trời mọc và lặn, hƣớng gió và áp suất.
Ngoài những tính năng Yahoo! Weather cung cấp trên ứng dụng của họ, mà còn
phát hành API cho các ngƣời dùng có thể tích hợp Yahoo! Weather vào ứng dụng của
mình thông qua đƣờng dẫn: https://developer.yahoo.com/weather.
GOOGLE MAPS APIX.
Google Maps là một ứng dụng bản đồ trực tuyến đƣợc Google phát triển, nó có
thể nhúng vào các trang web, ứng dụng của bên thứ ba một cách miễn phí từ Google
Maps API. Có rất nhiều tiện ích nâng cao giúp ngƣời dùng tìm kiếm đƣờng đi, tra cứu
các địa điểm, các địa danh… Google Maps API hiện nay đã phát triển cho 4 nền tảng:
Android, iOS, Web và WebService.
Để sử dụng đƣợc Google Maps API, ngƣời dùng cần phải có API Key đƣợc
cung cấp miễn phí tại trang: https://console.developers.google.com.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 24
CHƢƠNG 3. PHÂN TÍCH – THIẾT KẾ HỆ THỐNG
XÁC ĐỊNH CÁC ACTORI.
3.I.1. Quản trị viên
Đƣợc chia thành 2 chức vụ:
- Ngƣời đăng bài: có quyền đăng, chỉnh sửa bài viết của mình. Đồng thời có thể
xem bài viết của ngƣời đăng khác và xem nội dung các chức năng của admin; giúp cho
ngƣời đăng bài có thể kiễm tra nội dung và báo lại cho Quản trị viên để đƣợc điều
chỉnh nếu có sai sót.
- Ngƣời quản trị viên: có quyền của một Ngƣời đăng bài, nhƣng có thể thêm
hoặc chỉnh sửa các danh mục, chặn tài khoản ngƣời dùng, thêm tài khoản admin.
3.I.2. Ngƣời dùng ứng dụng
Là ngƣời có nhu cầu tìm kiếm địa điểm du lịch bên trong web hoặc ứng dụng.
Có thể dùng tài khoản của mình để bình chọn địa điểm.
XÁC ĐỊNH CÁC USECASEII.
3.II.1. Quản trị viên
- Quản trị danh mục của bài viết.
- Quản trị nội dung các bài viết.
- Quản trị ngƣời dùng trang Admin.
- Quản trị tài khoản ngƣời dùng ứng dụng.
- Thống kê lƣợt thích.
3.II.2. Ngƣời dùng ứng dụng
- Xem nội dung bài viết
- Xem bản đồ.
- Quản lý thông tin tài khoản.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 25
MÔ HÌNH TƢƠNG TÁC GIỮA NGƢỜI DÙNG VÀ HỆ THỐNGIII.
Dựa vào các thông tin ở mục I. XÁC ĐỊNH CÁC ACTOR và II. XÁC ĐỊNH
CÁC USECASE từ đó thu đƣợc kết quả:
- Sơ đồ tổng thể: biểu diễn tổng quát về các mối quan hệ giữa ngƣời dùng và hệ
thống.
- Sơ đồ phân rã: biểu diễn các mối quan hệ giữa ngƣời dùng và hệ thống một
cách chi tiết hơn.
3.III.1. Sơ đồ Usecase tổng thể
Hình 3-1. Sơ đồ Usecase tổng thể
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 26
3.III.2. Sơ đồ phân rã Actor Quản trị viên
a. Quản trị ngƣời dùng trang admin
Hình 3-2. Usecase quản trị người dùng trang admin
b. Quản trị tài khoản ngƣời dùng ứng dụng
Hình 3-3. Usecase Quản trị người dùng ứng dụng
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 27
c. Quản trị danh mục bài viết
Hình 3-4. Usecase quản trị danh mục bài viết
d. Thống kê lƣợt thích
Hình 3-5. Usecase thống kê lượt thích
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 28
e. Quản trị nội dung các bài viết
Hình 3-6. Usecase quản trị nội dung bài viết
3.III.3. Sơ đồ phân rã Actor Ngƣời dùng ứng dụng
a. Xem nội dung bài viết
Hình 3-7. Usecase xem nội dung bài viết
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 29
b. Xem bản đồ
Hình 3-8. Usecase xem bản đồ
c. Quản lý thông tin tài khoản
Hình 3-9. Usecase quản lý thông tin tài khoản
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 30
SƠ ĐỒ CLASSIV.
Hình 3-10. Sơ đồ Class
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 31
SƠ ĐỒ TUẦN TỰ CÁC CHỨC NĂNG CHÍNHV.
3.V.1. Sơ đồ tuần tự xuất file ảnh từ cơ sở dữ liệu
Hình 3-11. Xuất file ảnh từ cơ sở dữ liệu
3.V.2. Sơ đồ tuần tự ứng dụng ajax vào đề tài
Hình 3-12. Sơ đồ tuần tự hoạt động ajax trong ứng dụng
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 32
3.V.3. Sơ đồ tuần tự chức năng đăng nhập
a. Đăng nhập trang ứng dụng (Web và Android)
Hình 3-13. Sơ đồ tuần tự chức năng đăng nhập trang ứng dụng
b. Đăng nhập trang admin
Hình 3-14. Sơ đồ tuần tự chức năng đăng nhập trang admin
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 33
KIẾN TRÚC HỆ THỐNGVI.
Hình 3-15. Sơ đồ hoạt động tổng thể
Với sơ đồ trên có thể thấy, Database (SQL Server) đƣợc tƣơng tác thông qua
Web Server ASP.NET bằng ADO.NET (phƣơng thức LINQ).
Trong Web Server, sẽ có:
- Trang quản trị: tại đây, sẽ có các trang dùng để quản trị nội dung (thông tin
Huyện/TP, danh mục, bài viết), thống kê lƣợt thích, quản lý tài khoản trang admin và
ứng dụng.
- Trang API: dùng phƣơng thức LINQ để tƣơng tác với Database, đồng thời trả
về kết quả JSON khi Ứng dụng gọi đến phƣơng thức nào đó trong trang API.
Ứng dụng (có thể là Website, Android…) sẽ gửi yêu cầu bằng AJAX đến trang
API trong Web Server.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 34
MÔ HÌNH CƠ SỞ DỮ LIỆUVII.
Hình 3-16. Mô hình Cơ sở dữ liệu
CTChung
MaCTC int
UserName varchar(50)
MaHuyen int
MaLoai int
TenCTChung nvarchar(50)
DiaChi nvarchar(50)
ToaDo nvarchar(300)
NDGioiThieu varchar(MAX)
AnhMoTa ntext
KoHoatDong bit
Column Name Data Type Allow Nulls
HuyenTP
MaHuyen int
TenHuyen nvarchar(50)
GioiThieuHuyen nvarchar(MAX)
Column Name Data Type Allow Nulls
TaiKhoanAdmin
UserName varchar(50)
Password varchar(32)
Email varchar(50)
DateTimePassword datetime
Lock bit
FullName nvarchar(50)
Admin bit
Column Name Data Type Allow Nulls
YeuThich
NgayGio datetime
TenDangNhap varchar(150)
MaCTC int
Column Name Data Type Allow Nulls
NguoiDung
TenDangNhap varchar(150)
HoTen nvarchar(50)
MatKhau varchar(32)
NgayTaoTaiKhoan date
NgaySuaMatKhau datetime
MaXN nvarchar(50)
Chan bit
Column Name Data Type Allow Nulls
TTCT
MaTTCT int
MaCTC int
TenTTCT nvarchar(50)
NDGioiThieuTTCT nvarchar(MAX)
AnhMoTaTTCT ntext
KoHoatDongTTCT bit
DiaChiTTCT nvarchar(50)
MaHuyen int
ViTriTTCT int
Column Name Data Type Allow Nulls
LoaiDanhMuc
MaLoai int
TenLoaiDM nvarchar(50)
TrangThaiDM bit
IconDM ntext
Column Name Data Type Allow Nulls
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 35
TỔ CHỨC BẢNG DỮ LIỆUVIII.
Từ những kết quả phân tích sơ đồ và mô hình ở các mục trên, thu đƣợc kết quả
danh sách các bảng dữ liệu bao gồm các cột: tên cột, kiểu dữ liệu, khóa chính, allow
null, khóa ngoại và diễn giải. Nhƣ sau:
Bảng 3-1. Tổ chức bảng dữ liệu
Tên cột Kiểu dữ liệu
Khóa
chính
Allow
null
Khóa
ngoại
Diễn giải
HuyenTP (Huyện Thành Phố)
MaHuyen Int  Mã huyện
TenHuyen Nvarchar(50) Tên huyện
GioiThieuHuyen Nvarchar(max) 
Nội dung giới thiệu
huyện
LoaiDanhMuc (Loại danh mục)
MaLoai Int  Mã loại danh mục
TenLoaiDM Nvarchar(50)  Tên loại danh mục
TrangThaiDM Bit  Trạng thái danh mục
IconDM Ntext  Biểu tƣợng danh mục
TaiKhoanAdmin (Tài khoản Admin)
Username Varchar(50)  Tên đăng nhập admin
Password Varchar(32) Mật khẩu
Email Varchar(50) Email
DateTimePassword Datetime Ngày giờ mật khẩu
Lock Bit  Chặn tài khoản
FullName Nvarchar(50) Họ tên admin
Admin Bit 
Phân quyền (admin,
poster)
CTChung (Chi tiết chung)
MaCTC Int  Mã chi tiết chung
Username Varchar(50)   Tên đăng nhập admin
MaHuyen Int   Mã huyện
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 36
MaLoai Int  Mã loại danh mục
TenCTChung Nvarchar(50) Tên chi tiết chung
DiaChi Nvarchar(50)  Địa chỉ
ToaDo Nvarchar(300)  Tọa độ (kinh độ, vĩ độ)
NDGioiThieu Varchar(max)  Nội dung giới thiệu
AnhMoTa Ntext  Ảnh mô tả
KoHoatDong Bit  Không hoạt động
TTCT (Thông tin chi tiết)
MaTTCT Int  Mã thông tin chi tiết
MaCTC Int  Mã chi tiết chung
MaHuyen Int   Mã huyện
Ten Nvarchar(50)  Tên thông tin chi tiết
NDGioiThieuTTCT Nvarchar(max) Nội dung giới thiệu
AnhMoTaTTCT Ntext  Ảnh mô tả
KoHoatDongTTCT Bit  Không hoạt động
DiaChiTTCT Nvarchar(50)  Địa chỉ
ViTriTTCT Int  Vị trí sắp xếp
NguoiDung (Người dùng)
TenDangNhap Varchar(50)

Tên đăng nhập ngƣời
dùng
HoTen Nvarchar(50) Họ tên
MatKhau Varchar(32) Mật khẩu
NgayTaoTaiKhoan Date Ngày tạo tài khoản
NgaySuaMatKhau DateTime Ngày sửa mật khẩu
MaXN Nvarchar(50)  Mã xác nhận
Chan Bit  Chặn ngƣời dùng
YeuThich (Yêu thích)
TenDangNhap Varchar(50)

Tên đăng nhập ngƣời
dùng
MaCTC Int  Mã chi tiết chung
NgayGio Datetime  Ngày giờ yêu thích
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 37
CHƢƠNG 4. DEMO – TRIỂN KHAI THỰC TẾ
TRANG QUẢN TRỊ NỘI DUNGI.
Trang web demo chạy thực tế: https://t4travel.t4vn.com/Manage/Login/.
Ngƣời dùng hệ thống truy cập vào địa chỉ trang quản trị, sẽ yêu cầu đăng nhập
bao gồm Tên đăng nhập và Mật khẩu; tạm thời chức năng lựa chọn Địa điểm chƣa
đƣợc phát triển, chỉ hiện mặc định là Đồng Tháp.
- Nếu ngƣời dùng nhập sai Tên đăng nhập hoặc Mật khẩu hoặc tài khoản bị
khóa, Hệ thống sẽ thống báo cụ thể trên giao diện. Đối với chức năng đăng nhập của
trang Admin.
- Nếu trƣờng hợp quên thông tin đăng nhập (tên đăng nhập, mật khẩu hoặc
email), ngƣời dùng chỉ có cách liên hệ Ban Quản Trị để cấp lại tài khoản mới hoặc cập
nhật lại tài khoản.
Hình 4-1. Giao diện trang đăng nhập
Sau khi ngƣời dùng đăng nhập thành công, hệ thống sẽ gửi mã xác nhận vào
email của tài khoản. Mã xác nhận tài khoản, chỉ đƣợc phép sử dụng trên một máy, một
trình duyệt, một thời điểm (mã sẽ mất hiệu lực khi reload lại trang).
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 38
Hình 4-2. Mã xác nhận email
Giao diện trang chủ sau khi đã đăng nhập thành công:
Hình 4-3. Giao diện trang chủ Admin
Tại đây, ngƣời dùng có thể thay đổi họ tên, email hoặc mật khẩu (có thể bỏ
trống trong trƣờng hợp không muốn thay đổi mật khẩu). Ngoài ra, có thể xem nhanh
các thông tin: số lƣợt yêu thích, số ngƣời dùng đã đăng ký tài khoản, danh mục, dữ
liệu danh mục.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 39
4.I.1. Tài khoản admin
Hình 4-4. Giao diện trang tài khoản admin
Trang quản trị sẽ có 2 dạng tài khoản:
- Tài khoản ngƣời đăng bài: có chức năng đăng các bài viết theo danh mục, có
chức năng xem nội dung của mục Quản lý.
- Tài khoản admin: có chức năng của một tài khoản ngƣời đăng bài, nhƣng có
thể thêm hoặc chỉnh sửa các chức năng quản lý (Tài khoản admin, Quản lý danh mục,
Thông tin Huyện, Ngƣời dùng) và xem thống kê Yêu thích.
Tại đây, ngƣời dùng tài khoản admin có thể Thêm tài khoản quản trị hoặc tài
khoản ngƣời đăng bài: tên đăng nhập, email và họ tên (mật khẩu sẽ gửi về địa chỉ
email đã đăng ký). Sau khi tạo thành công, tài khoản sẽ ở trạng thái Khóa cho đến khi
Ban Quản Trị trang web kích hoạt qua câu lệnh truy vấn trong SQL Server. Riêng tài
khoản admin có quyền chặn hoặc bỏ chặn tài khoản ngƣời đăng bài; chức năng này
không có quyền đối với Admin – Admin hoặc ngƣời dùng đăng bài chặn (bỏ chặn) tài
khoản admin.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 40
Hình 4-5. Pop-up tạo tài khoản
Mật khẩu gửi vào email sẽ đƣợc random bằng thuật toán của hàm Random,
đồng thời kết hợp với mã hóa của hệ thống và gửi vào email với đoạn mã hóa dài 32
ký tự (mã hóa MD5). Có nghĩa là mật khẩu sẽ đƣợc mã hóa 2 lần: lần đầu tiện là
random (mật khẩu gốc) lƣu vào Cơ sở dữ liệu đồng thời, kết hợp với một số thuật toán
của hệ thống để cho ra thêm 1 đoạn mã hóa khác gửi vào email; lúc này mật khẩu
đƣợc mã hóa khác hoàn toàn với đoạn mã hóa có trong cơ sở dữ liệu.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 41
Hình 4-6. Lưu đồ giải thuật mã hóa mật khẩu
Mật khẩu chỉ đƣợc cấp một lần và sẽ không thể chỉnh sửa bằng giao diện trang
web; nếu quên mật khẩu này, ngƣời dùng tài khoản chỉ có thể liên hệ đến Ban Quản
Trị để cấp lại tài khoản hoặc khởi tạo lại mật khẩu khác.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 42
Hình 4-7. Mật khẩu tài khoản admin
4.I.2. Quản lý danh mục
Trang Quản lý danh mục, sẽ có 3 chức năng chính: Thêm, chỉnh sửa và tạm
ngƣng (ẩn). Ngƣời dùng có Tài khoản Admin có thể thêm hoặc chỉnh sửa Tên hoặc
icon danh mục; nếu ngƣời dùng muốn xóa phải liên hệ Ban Quản Trị hoặc nhấn Tạm
ngƣng để ẩn ngoài giao diện trang ứng dụng (Web và Android).
Hình 4-8. Giao diện trang Quản lý danh mục
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 43
4.I.3. Thông tin Huyện/TP
Tại trang Thông tin quản lý Huyện và Thành phố này, sẽ cho phép ngƣời dùng
thêm, sửa thông tin của tên và nội dung giới thiệu (soạn thảo bằng HTML) Huyện và
Thành phố. Hệ thống sẽ hiển thị nội dung Xem trƣớc và Thống kê tổng số thành phố
(TP.), thị xã (TX.) và huyện.
Hình 4-9. Giao diện Thông tin Huyện/TP
4.I.4. Quản lý ngƣời dùng
Tại đây, hệ thống sẽ thống kê số lƣợng ngƣời đã đăng ký sử dụng ứng dụng trên
Web và Android (Tên đăng nhập, Họ và tên, Ngày tạo tài khoản, Ngày sửa mật khẩu
và Thống kê tổng lƣợt yêu thích). Ngƣời dùng sử dụng tài khoản admin để chặn tài
khoản ngƣời dùng nào đó bằng cách nhấn vào checkbox.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 44
Hình 4-10. Giao diện quản lý người dùng
4.I.5. Thống kê yêu thích
Trang thống kê yêu thích sẽ thống kê lƣợt ngƣời dùng nhấn yêu thích bài viết
theo danh mục dạng biểu đồ tròn và chia thành các màu khác nhau.
- Khi ngƣời dùng đƣa chuột vào vùng màu trên biểu đồ sẽ hiển thị mã, tên và số
lƣợt yêu thích
- Nếu ngƣời dùng không muốn hiển thị Danh mục nào đó trên biểu đồ, chỉ cần
nhấn vào chú thích trên biểu đồ; hệ thống sẽ tự động loại bỏ và thống kê lại.
- Muốn xem chi tiết tổng lƣợt yêu thích trên từng bài viết, ngƣời dùng chỉ cần
nhấn vào vùng màu trên biểu đồ.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 45
Hình 4-11. Thống kê và chức năng trang lượt yêu thích
4.I.6. Trang hiển thị bài viết
Bên trái trang web sẽ có các menu: Tất cả, danh sách các danh mục.
Nếu danh mục đƣợc đánh dấu Tạm ngƣng, danh mục đó sẽ không đƣợc hiển thị
trên menu.
- Đối với hiển thị tất cả bài viết:
+ Không có nút thêm, ngƣời dùng muốn thêm bài viết thuộc danh mục
nào đó phải vào trong danh mục để thêm (có thể nhấn vào menu hoặc cột Danh mục
trong bảng danh sách).
+ Có chức năng hiển thị số bài viết tốt đa: 10, 25, 50 và 100.
+ Công cụ tìm kiếm (một ô cho các cột trong bảng), ngƣời dùng có thể
search theo bất kỳ nội dung nào trong bảng bằng 1 ô textbox tìm kiếm. Hệ thống tự
động cho ra kết quả theo dữ liệu đã có trong bảng.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 46
Hình 4-12. Giao diện hiển thị tất cả bài viết
- Đối với hiển thị theo danh mục: Có chức năng hiển thị số bài viết và công cụ
tìm kiếm tƣơng tự nhƣ hiển thị tất cả bài viết; tuy nhiên bổ sung thêm nút Thêm để
đăng bài viết và không hiển thị cột Danh mục trong bảng danh sách.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 47
Hình 4-13. Hiển thị bài viết Khu mua sắm
4.I.7. Chức năng đăng và sửa bài viết
Tại mục 4.I.6 trang 45, khi ngƣời dùng nhấn vào nút Thêm hoặc Sửa hệ thống
sẽ chuyển đến chức năng đăng và sửa bài viết.
- Đối với chức năng Thêm mới bài viết: tại giao diện đăng bài ngƣời dùng tài
khoản admin hoặc tài khoản ngƣời đăng bài đều có thể sử dụng chức năng này. Với
các ô nhập liệu:
+ Tên: Tên của bài viết (tên địa điểm, lễ hội…), bài viết sẽ đƣợc phân
loại cụ thể qua danh mục đã chọn (không thể thay đổi lại loại danh mục).
+ Địa chỉ: ngƣời dùng chỉ cần gõ đầy đủ địa chỉ; phần huyện, thị xã hoặc
thành phố sẽ đƣợc chọn bởi combo box bên cạnh.
+ Tọa độ: nếu ngƣời dùng biết cụ thể tọa độ (kinh độ và vĩ độ) của địa
chỉ trên Google Maps có thể gõ trực tiếp vào ô này hoặc có thể sử dụng tính năng Lấy
tọa độ (bằng cách nhấn vào nút Mở bản đồ) hệ thống sẽ tự động lấy địa chỉ và
combobox để gán vào textbox; lúc này ngƣời dùng cần chọn vào textbox 1 lần nữa để
hiển thị gợi ý địa điểm chính xác trên Google Maps (nếu trƣờng hợp không tìm thấy
gợi ý cần phải gõ thêm Tên địa điểm của phần tên bài viết để lấy tọa độ chính xác) sau
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 48
khi nhấn vào gợi ý việc cuối cùng là nhấn vào nút Lấy tọa độ sẽ tự động gán vào
textbox Tọa độ.
Hình 4-14. Lấy tọa độ Google Maps tự động từ địa chỉ đã nhập
+ Giới thiệu: Nội dung bài viết, có 2 chế độ soạn thảo: trực tiếp bằng
giao diện hoặc soạn thảo bằng thẻ HTML.
+ Ảnh mô tả: Hiện tại hệ thống chỉ hỗ trợ ngƣời dùng thêm những hình
ảnh có định dạng JPG (*.jpg), ngoài ra ở mục này hình ảnh sẽ đƣợc điều chỉnh tự động
kích thƣớc 470x310 (width: 470px và height: 310px) vì đây là kích thƣớc đã đƣợc điều
chỉnh cho ứng dụng.
Hình 4-15. Thông báo điều chỉnh kích thước hình ảnh
+ Khi nhấn nút Lƣu, hệ thống chỉ lƣu bài (phần màu đỏ) không thực hiện
lƣu các khu vực khác và sẽ reload lại trang (chuyển sang chức năng thêm bài viết mới,
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 49
không hiện lại bài viết cũ) vì thế nếu ngƣời dùng muốn chỉnh sửa bài viết cần phải
nhấn nút Trở về và chọn lại bài viết vừa tạo để chỉnh sửa.
Hình 4-16. Giao diện đăng bài viết mới
- Đối với chức năng Sửa bài viết: giao diện chỉnh sửa bài viết tƣơng tự nhƣ
Thêm bài viết.
Nhƣng sẽ bổ sung Thêm thông tin chi tiết (phần màu xanh lục): Tên, địa chỉ, vị
trí (vị trí sắp xếp), nội dung, hình ảnh (hình ảnh cũng đƣợc điều chỉnh kích thƣớc
470x310), xem thử. Tại chức năng Thêm thông tin chi tiết này, mỗi phần điều có 4
chức năng khác: Lƣu (Thêm nếu chƣa có hoặc sửa nếu đã tồn tại), Xóa (Sẽ xóa thông
tin chi tiết khỏi cơ sở dữ liệu), Xóa ảnh (Cần nhấn Lƣu mới có hiệu lực), Ẩn (nếu
không muốn hiển thị ngoài giao diện).
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 50
Bài viết cũng có thể cập nhật chỉnh sửa lại loại danh mục, bằng cách nhấn vào
combobox danh mục.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 51
Hình 4-17. Giao diện chỉnh sửa bài viết
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 52
ỨNG DỤNG WEB VÀ ANDROIDII.
Có thể sử dụng app tại:
- Web: t4travel.t4vn.com/app.
- Android:
play.google.com/store/apps/details?id=com.t4vn.t4travel.DongThap.
Hình 4-18. Tải ứng dụng T4Travel DongThap
Hai nền tảng Web và Android điều có giao diện và thao tác giống nhau, với sự
tƣơng thích cao trên tất cả kích thƣớc màn hình (từ SmartTivi đến màn hình
SmartPhone). Tạm thời ứng dụng không hỗ trợ nền tảng SmartWatch.
Đối với nền tảng Web: ngƣời sử dụng cần truy cập vào địa chỉ trang web
t4travel.t4vn.com/app.
Đối với nền tảng Android: sau khi ngƣời dùng tải ứng dụng về máy nhấn chọn
biểu tƣợng của chƣơng trình.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 53
Hình 4-19. Giao diện ứng dụng Android
4.II.1. Trang chủ ứng dụng
Hình 4-20. La bàn và tọa độ GPS
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 54
a. Thông tin thời tiết
Tại đây sẽ hiển thị thông tin thời tiết của ngày hôm nay bao gồm: biểu tƣợng
thời tiết, nhiệt độ (độ C và độ F), độ ẩm, hơi nóng, gió, tầm nhìn xa, giờ bình minh và
giờ hoàng hôn. Giúp ngƣời sử dụng ứng dụng biết đƣợc tại địa điểm hai Thành phố
của Tỉnh Đồng Tháp (TP.Cao Lãnh và TP.Sa Đéc) hôm nay nhƣ thế nào.
Đồng thời đƣa ra 8 ngày tiếp theo bao gồm: biểu tƣợng nhiệt độ, nhiệt độ cao
nhất, nhiệt độ thấp nhất (theo độ C và độ F).
Ứng dụng thời tiết đƣợc cập nhật từ Yahoo! Weather và chỉ là giá trị tham khảo
có thể sẽ có sự chênh lệch so với thực tế.
b. Bản đồ và La bàn
Có thể nhấn vào tiêu đề để ẩn hoặc hiện nội dung.
Khi ngƣời dùng nhấn vào tên Tỉnh, Thị xã hoặc Thành phố trên bản đồ; ứng
dụng sẽ hiển thị nội dung liên quan (đƣợc lấy từ cơ sở dữ liệu).
Ngƣời dùng cần phải kích hoạt GPS trên thiết bị, đối với các thiết bị nào không
hỗ GPS sẽ lấy thông tin tọa độ qua Internet điều này có thể khiến cho vị trí bị sai so
với thực tế kém chính xác hơn so với GPS. Ứng dụng còn hỗ trợ la bàn định hƣớng
cho ngƣời dùng có thể dễ dàng hơn cho việc tìm kiếm đƣờng đi trên bản đồ (giấy).
c. Danh sách các yêu thích
Có thể nhấn vào tiêu đề để ẩn hoặc hiện nội dung.
Sau khi đăng nhập thành công, nếu tài khoản đã Yêu thích nội dung bài viết nào
đó sẽ đƣợc hiển thị tại đây.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 55
Hình 4-21. Danh sách yêu thích
d. Menu đăng ký và đăng nhập
Vuốt sang phải (tƣơng ứng với thao tác kéo chuột sang phải) hoặc nhấn vào
biểu tƣợng trên giao diện chƣơng trình sẽ hiện menu đăng ký, đăng nhập hoặc
thay đổi thông tin và đăng ký (trong trƣờng hợp đã đăng nhập thành công). Ngƣợc lại,
sẽ đóng thanh menu.
Hình 4-22. Menu đăng ký và đăng nhập
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 56
- Nếu ngƣời dùng chƣa đăng nhập vào tài khoản, menu hiển thị 2 nút: đăng
nhập và đăng ký.
Hình 4-23 Popup đăng nhập
- Ngƣợc lại, nếu đăng nhập thành công, menu hiển thị 2 nút: thay đổi thông tin
và đăng xuất.
e. Menu chức năng
Bao gồm: Thông tin tài khoản, danh mục và gửi phản hồi (đối với trang chủ).
Ngoài ra, còn có thêm các chức năng khác nhƣ: trở về trang chủ, trở về trang
trƣớc, yêu thích (bỏ yêu thích).
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 57
Hình 4-24. Menu chức năng
4.II.2. Trang gửi phản hồi
Nhằm đáp ứng tốt nhu cầu và trải nghiệm của ngƣời dùng, ứng dụng cung cấp
chức năng gửi phản hồi để nhằm cải thiện chất lƣợng ứng dụng đồng thời tiếp nhận
những ý kiến đóng góp khác về nội dung của bài viết hoặc có nhu cầu liên hệ Ban
Quản Trị.
Hình 4-25. Giao diện gửi phản hồi
4.II.3. Trang đăng ký
Vuốt sang phải hoặc nhấn vào biểu tƣợng để hiển thị thanh menu, sau đó
nhấn Đăng ký ứng dụng sẽ chuyển sang trang Đăng ký tài khoản. Tại đây, ngƣời dùng
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 58
cần nhập đầy đủ thông tin: Tên đăng nhập (địa chỉ email), mật khẩu và nhập lại mật
khẩu một lần nữa, họ và tên ngƣời đăng ký tài khoản.
Hình 4-26. Đăng ký tài khoản
4.II.4. Trang quên mật khẩu
Khi nhấn quên mật khẩu (trên from đăng nhập). Ngƣời dùng nhập Tên đăng
nhập (Email) để gửi mã xác nhận, sau khi gửi thành công mã xác nhận chỉ tồn tại trong
5 phút. Vì thế, ngƣời dùng cần thao tác bƣớc Thay đổi mật khẩu trong khoản thời gian
nói trên.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 59
Hình 4-27. Chức năng quên mật khẩu
4.II.5. Trang thay đổi thông tin tài khoản
Sau khi đăng nhập thành công, tại trang chủ chƣơng trình. Ngƣời dùng vuốt
sang phải hoặc nhấn vào biểu tƣợng để hiển thị thanh menu, sau đó chọn Thay
đổi thông tin. Ứng dụng sẽ chuyển sang trang đổi thông tin.
Tại đây, nếu ngƣời dùng chỉ thay đổi họ tên; chỉ cần thay đổi ô họ tên và gõ lại
mật khẩu hiện tại của tài khoản. Nếu nhập thêm mật khẩu mới và xác nhận mật khẩu
mới (trùng nhau) hệ thống tự động thay đổi mật khẩu và sẽ tự động đăng xuất để yêu
cầu đăng nhập lại để có hiệu lực.
Nếu xảy ra vấn đề về nào khác về tài khoản, người dùng cần phản hồi cho Ban
Quản Trị thông qua trang gửi phản hồi, để được trợ giúp.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 60
Hình 4-28. Giao diện thay đổi thông tin tài khoản
4.II.6. Trang danh sách bài viết
Danh sách bài viết hiển thị theo danh mục ngƣời dùng đã chọn ngoài trang chủ,
nội dung hiển thị bao gồm: hình ảnh, tên địa điểm, số lƣợt yêu thích. Trên cùng, bên
phải sẽ có nút Tìm kiếm, khi nhấn vào thanh nhập tìm kiếm sẽ ẩn (trạng thái mặc định)
hoặc hiện thanh tìm kiếm.
Kết quả sẽ tìm kiếm theo: tên địa điểm, số lƣợt yêu thích.
Danh sách sẽ hiển thị lại tất cả nếu ngƣời dùng nhấn vào nút hoặc xóa hết
nội dung trên thanh nhập tìm kiếm.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 61
Hình 4-29. Nội dung danh sách bài viết
4.II.7. Trang nội dung bài viết
Bài viết sẽ hiển thị các thông tin nhƣ sau: Tên bài viết, nội dung (nếu có). Nếu
ngƣời dùng đăng nhập vào tài khoản, hệ thống sẽ hiển thị thêm nút Yêu thích (bỏ Yêu
thích). Ngoài ra, cung cấp nút xem Bản đồ (bên phải trên cùng của mỗi bài viết).
Ngƣời dùng cần nhấn vào Tiêu đề nội dung chi tiết để xem thông tin cụ thể.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 62
Hình 4-30. Giao diện nội dung bài viết
4.II.8. Xem bản đồ
- Khi ngƣời dùng bật GPS hoặc chia sẻ định vị Internet (đối với thiết vị không
hỗ trợ GPS) thì chƣơng trình sẽ lấy tọa độ hiện tại (kinh độ và vĩ độ) và dẫn đƣờng
theo tọa độ điểm đến của bài viết (hình ảnh bên phải).
- Ngƣợc lại, nếu không bật GPS chƣơng trình sẽ chỉ điểm cụ thể tọa độ.
- Chức năng Xem bản đồ còn hỗ trợ hiển thị những tọa độ đã có trên cơ sở dữ
liệu.
- Ngoài ra, còn chọn chế độ dẫn đƣờng: Lái xe, đi bộ, xe đạp, quá cảnh.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 63
Hình 4-31. Trang xem bản đồ
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 64
KẾT LUẬN VÀ ĐỀ NGHỊ
KẾT QUẢ VÀ KINH NGHIỆM
- Rèn luyện kỹ năng tự học và giải quyết vấn đề.
- Tiếp cận nhiều hơn với công nghệ web 2.0 cũng nhƣ kỹ thuật ajax.
- Tiếp cận với những tài liệu du lịch Tỉnh Đồng Tháp cũng nhƣ nƣớc Việt Nam.
- Củng cố kiến thức về: lập trình web (HTML, CSS, JavaScript), ASP.NET C#,
LINQ, ADO.NET, Sql Server.
- Củng cố kiến thức Tiếng Anh chuyên ngành qua các nguồn tài liệu Tiếng
Anh.
- Biết thêm về cách sử dụng Google API, Yahoo! Weather API.
- Biết thêm cách đăng ứng dụng lên Google Play qua Google Play Developer
Console.
- Hiểu thêm các thẻ HTML5, CSS3, jQuery Mobile, Bootstrap.
- Hiểu thêm về cách mã hóa hình ảnh bằng base 64 lƣu vào cơ sở dữ liệu.
- Hiểu thêm về mã hóa mật khẩu bằng MD5 sau cho không trùng lắp.
- Sử dụng thành thạo hơn các công cụ Microsoft Visual Studio 2015, Microsoft
SQL Server 2016, FileZilla, Adobe PhoneGap, Adobe Illustrator CC.
HẠN CHẾ CỦA ĐỀ TÀI
- Tốc độ xử lý của ứng dụng Android còn khá chậm.
- Giao diện trang quản trị cũng nhƣ trang ứng dụng chƣa đƣợc đẹp mắt.
- Ứng dụng không thể chạy offline nếu không có kết nối Internet.
- Code xử lý chƣa đƣợc tối ƣu.
- Nguồn dữ liệu còn quá ít so với Tỉnh Đồng Tháp.
HƢỚNG PHÁT TRIỂN CỦA ĐỀ TÀI
- Bổ sung tính năng Tuyến đƣờng: thiết lập lộ trình đi từ A sang B sang C… có
chú thích.
- Bổ sung ngôn ngữ Tiếng Anh cho ngƣời nƣớc ngoài.
Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp
Trang 65
- Bổ sung tính năng Bình luận thay vì chỉ có nút Yêu thích nhƣ hiện tại.
- Thêm tính năng offline cho ứng dụng, dẫn đƣờng qua GPS trên nguồn dữ liệu
offline.
- Cải thiện giao diện.
Đề tài: Hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp, HAY
Đề tài: Hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp, HAY

More Related Content

What's hot

nhận thức của sinh viên về vấn đề sống thử
nhận thức của sinh viên về vấn đề sống thửnhận thức của sinh viên về vấn đề sống thử
nhận thức của sinh viên về vấn đề sống thử
thunguyen2509
 
Mẫu CV Điều Hành Tour
Mẫu CV Điều Hành TourMẫu CV Điều Hành Tour
Mẫu CV Điều Hành Tour
ViecLamVui MuaBanNhanh
 
Powerpoint Tại nạn giao thông
Powerpoint Tại nạn giao thôngPowerpoint Tại nạn giao thông
Powerpoint Tại nạn giao thông
Nhung Lê
 
[Hạ Về 2014] HỒ SƠ TÀI TRỢ (3)
[Hạ Về 2014] HỒ SƠ TÀI TRỢ (3)[Hạ Về 2014] HỒ SƠ TÀI TRỢ (3)
[Hạ Về 2014] HỒ SƠ TÀI TRỢ (3)
Hannie Tran
 

What's hot (20)

Mẫu đề cương luận văn Thạc sỹ
Mẫu đề cương luận văn Thạc sỹMẫu đề cương luận văn Thạc sỹ
Mẫu đề cương luận văn Thạc sỹ
 
Báo cáo thực tập Tour Du lịch thực tế tại Tây Nguyên
Báo cáo thực tập Tour Du lịch thực tế tại Tây NguyênBáo cáo thực tập Tour Du lịch thực tế tại Tây Nguyên
Báo cáo thực tập Tour Du lịch thực tế tại Tây Nguyên
 
Top 5 Bài Tiểu Luận Phương Pháp Nghiên Cứu Khoa Học Hay.docx
Top 5 Bài Tiểu Luận Phương Pháp Nghiên Cứu Khoa Học Hay.docxTop 5 Bài Tiểu Luận Phương Pháp Nghiên Cứu Khoa Học Hay.docx
Top 5 Bài Tiểu Luận Phương Pháp Nghiên Cứu Khoa Học Hay.docx
 
Luận văn: Quản lý làng nghề truyền thống đá mỹ nghệ tại Đà Nẵng
Luận văn: Quản lý làng nghề truyền thống đá mỹ nghệ tại Đà NẵngLuận văn: Quản lý làng nghề truyền thống đá mỹ nghệ tại Đà Nẵng
Luận văn: Quản lý làng nghề truyền thống đá mỹ nghệ tại Đà Nẵng
 
nhận thức của sinh viên về vấn đề sống thử
nhận thức của sinh viên về vấn đề sống thửnhận thức của sinh viên về vấn đề sống thử
nhận thức của sinh viên về vấn đề sống thử
 
Luận văn: Quản lý giáo dục kỹ năng sống cho học sinh tiểu học
Luận văn: Quản lý giáo dục kỹ năng sống cho học sinh tiểu họcLuận văn: Quản lý giáo dục kỹ năng sống cho học sinh tiểu học
Luận văn: Quản lý giáo dục kỹ năng sống cho học sinh tiểu học
 
Ý nghĩa sự ra đời của Đảng Cộng Sản Việt Nam
Ý nghĩa sự ra đời của Đảng Cộng Sản Việt Nam Ý nghĩa sự ra đời của Đảng Cộng Sản Việt Nam
Ý nghĩa sự ra đời của Đảng Cộng Sản Việt Nam
 
Phương pháp điều hành hội nghị hội thảo
Phương pháp điều hành hội nghị hội thảoPhương pháp điều hành hội nghị hội thảo
Phương pháp điều hành hội nghị hội thảo
 
List 200 Đề Tài Báo Cáo Thực Tập Ngành Thiết Kế Đồ Họa, Từ Sinh Viên Khá Giỏi
List 200 Đề Tài Báo Cáo Thực Tập Ngành Thiết Kế Đồ Họa, Từ Sinh Viên Khá GiỏiList 200 Đề Tài Báo Cáo Thực Tập Ngành Thiết Kế Đồ Họa, Từ Sinh Viên Khá Giỏi
List 200 Đề Tài Báo Cáo Thực Tập Ngành Thiết Kế Đồ Họa, Từ Sinh Viên Khá Giỏi
 
Chương 2.pptx
Chương 2.pptxChương 2.pptx
Chương 2.pptx
 
Mẫu CV Điều Hành Tour
Mẫu CV Điều Hành TourMẫu CV Điều Hành Tour
Mẫu CV Điều Hành Tour
 
Đặc điểm nhân cách học sinh Tiểu học
Đặc điểm nhân cách học sinh Tiểu họcĐặc điểm nhân cách học sinh Tiểu học
Đặc điểm nhân cách học sinh Tiểu học
 
Luận văn: Quản lý cơ sở vật chất ở Trường ĐH Tiền Giang, HOT
Luận văn: Quản lý cơ sở vật chất ở Trường ĐH Tiền Giang, HOTLuận văn: Quản lý cơ sở vật chất ở Trường ĐH Tiền Giang, HOT
Luận văn: Quản lý cơ sở vật chất ở Trường ĐH Tiền Giang, HOT
 
Tai lieu on thi quoc gia
Tai lieu on thi quoc giaTai lieu on thi quoc gia
Tai lieu on thi quoc gia
 
Powerpoint Tại nạn giao thông
Powerpoint Tại nạn giao thôngPowerpoint Tại nạn giao thông
Powerpoint Tại nạn giao thông
 
[Hạ Về 2014] HỒ SƠ TÀI TRỢ (3)
[Hạ Về 2014] HỒ SƠ TÀI TRỢ (3)[Hạ Về 2014] HỒ SƠ TÀI TRỢ (3)
[Hạ Về 2014] HỒ SƠ TÀI TRỢ (3)
 
Luận văn: Hành vi sử dụng mạng xã hội của sinh viên Đại học
Luận văn: Hành vi sử dụng mạng xã hội của sinh viên Đại họcLuận văn: Hành vi sử dụng mạng xã hội của sinh viên Đại học
Luận văn: Hành vi sử dụng mạng xã hội của sinh viên Đại học
 
Văn hay lớp 5
Văn hay lớp 5Văn hay lớp 5
Văn hay lớp 5
 
TIỂU LUẬN Mối quan hệ giữa độc lập dân tộc và chủ nghĩa xã hội trong tư tưởn...
TIỂU LUẬN  Mối quan hệ giữa độc lập dân tộc và chủ nghĩa xã hội trong tư tưởn...TIỂU LUẬN  Mối quan hệ giữa độc lập dân tộc và chủ nghĩa xã hội trong tư tưởn...
TIỂU LUẬN Mối quan hệ giữa độc lập dân tộc và chủ nghĩa xã hội trong tư tưởn...
 
báo cáo thực tập tốt nghiệp
báo cáo thực tập tốt nghiệpbáo cáo thực tập tốt nghiệp
báo cáo thực tập tốt nghiệp
 

Similar to Đề tài: Hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp, HAY

Similar to Đề tài: Hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp, HAY (20)

Đề tài: Phần mềm mô phỏng, lắp ráp và báo giá máy tính, 9đ
Đề tài: Phần mềm mô phỏng, lắp ráp và báo giá máy tính, 9đĐề tài: Phần mềm mô phỏng, lắp ráp và báo giá máy tính, 9đ
Đề tài: Phần mềm mô phỏng, lắp ráp và báo giá máy tính, 9đ
 
Đề tài: Phần mềm mô phỏng, lắp ráp và báo giá máy tính, HAY
Đề tài: Phần mềm mô phỏng, lắp ráp và báo giá máy tính, HAYĐề tài: Phần mềm mô phỏng, lắp ráp và báo giá máy tính, HAY
Đề tài: Phần mềm mô phỏng, lắp ráp và báo giá máy tính, HAY
 
Khóa luận tốt nghiệp Phầm mềm quản lý thông tin sinh viên
Khóa luận tốt nghiệp Phầm mềm quản lý thông tin sinh viênKhóa luận tốt nghiệp Phầm mềm quản lý thông tin sinh viên
Khóa luận tốt nghiệp Phầm mềm quản lý thông tin sinh viên
 
Hệ thống quản lý tiền lương và đánh giá chất lượng giảng dạy, 9đ
Hệ thống quản lý tiền lương và đánh giá chất lượng giảng dạy, 9đHệ thống quản lý tiền lương và đánh giá chất lượng giảng dạy, 9đ
Hệ thống quản lý tiền lương và đánh giá chất lượng giảng dạy, 9đ
 
Hệ thống quản lý tiền lương và chất lượng giảng dạy của giảng viên
Hệ thống quản lý tiền lương và chất lượng giảng dạy của giảng viênHệ thống quản lý tiền lương và chất lượng giảng dạy của giảng viên
Hệ thống quản lý tiền lương và chất lượng giảng dạy của giảng viên
 
đáNh giá hiện trạng sử dụng và đề xuất giải pháp giảm thiểu túi nylon trên đị...
đáNh giá hiện trạng sử dụng và đề xuất giải pháp giảm thiểu túi nylon trên đị...đáNh giá hiện trạng sử dụng và đề xuất giải pháp giảm thiểu túi nylon trên đị...
đáNh giá hiện trạng sử dụng và đề xuất giải pháp giảm thiểu túi nylon trên đị...
 
Luận Văn Xây Dựng Website Lưu Trữ Thông Tin Làm Việc Với Sinh Viên Hàng Ngày.doc
Luận Văn Xây Dựng Website Lưu Trữ Thông Tin Làm Việc Với Sinh Viên Hàng Ngày.docLuận Văn Xây Dựng Website Lưu Trữ Thông Tin Làm Việc Với Sinh Viên Hàng Ngày.doc
Luận Văn Xây Dựng Website Lưu Trữ Thông Tin Làm Việc Với Sinh Viên Hàng Ngày.doc
 
Đề tài: Ứng dụng xử lý ảnh nhận dạng cử chỉ bàn tay điều khiển ro...
Đề tài: Ứng dụng xử lý ảnh nhận dạng cử chỉ bàn tay điều khiển ro...Đề tài: Ứng dụng xử lý ảnh nhận dạng cử chỉ bàn tay điều khiển ro...
Đề tài: Ứng dụng xử lý ảnh nhận dạng cử chỉ bàn tay điều khiển ro...
 
Đồ án tốt nghiệp: Thiết kế máy ép nhựa 250 tấn, HAY!
Đồ án tốt nghiệp: Thiết kế máy ép nhựa 250 tấn, HAY!Đồ án tốt nghiệp: Thiết kế máy ép nhựa 250 tấn, HAY!
Đồ án tốt nghiệp: Thiết kế máy ép nhựa 250 tấn, HAY!
 
Đề tài: Quản lý cửa hàng vật liệu xây dựng, HAY, 9đ
Đề tài: Quản lý cửa hàng vật liệu xây dựng, HAY, 9đĐề tài: Quản lý cửa hàng vật liệu xây dựng, HAY, 9đ
Đề tài: Quản lý cửa hàng vật liệu xây dựng, HAY, 9đ
 
Quản lý cửa hàng vật liệu xây dựng
 Quản lý cửa hàng vật liệu xây dựng Quản lý cửa hàng vật liệu xây dựng
Quản lý cửa hàng vật liệu xây dựng
 
Đề tài: Quản lý cửa hàng vật liệu xây dựng, HOT, 9đ
Đề tài: Quản lý cửa hàng vật liệu xây dựng, HOT, 9đĐề tài: Quản lý cửa hàng vật liệu xây dựng, HOT, 9đ
Đề tài: Quản lý cửa hàng vật liệu xây dựng, HOT, 9đ
 
Đề tài: Phần mềm quản lý thông tin sinh viên, HAY
Đề tài: Phần mềm quản lý thông tin sinh viên, HAYĐề tài: Phần mềm quản lý thông tin sinh viên, HAY
Đề tài: Phần mềm quản lý thông tin sinh viên, HAY
 
Đề tài: Phần mềm quản lý thông tin sinh viên, HOT, 9đ
Đề tài: Phần mềm quản lý thông tin sinh viên, HOT, 9đĐề tài: Phần mềm quản lý thông tin sinh viên, HOT, 9đ
Đề tài: Phần mềm quản lý thông tin sinh viên, HOT, 9đ
 
Đề tài: Phần mềm Quản Lý Siêu Thị Mini, HAY
Đề tài: Phần mềm Quản Lý Siêu Thị Mini, HAYĐề tài: Phần mềm Quản Lý Siêu Thị Mini, HAY
Đề tài: Phần mềm Quản Lý Siêu Thị Mini, HAY
 
Đề tài: Phần mềm Quản Lý Siêu Thị Mini, HAY, 9đ
Đề tài: Phần mềm Quản Lý Siêu Thị Mini, HAY, 9đĐề tài: Phần mềm Quản Lý Siêu Thị Mini, HAY, 9đ
Đề tài: Phần mềm Quản Lý Siêu Thị Mini, HAY, 9đ
 
Đề tài: Xây dựng phần mềm quản lý quán cà phê, HAY
Đề tài: Xây dựng phần mềm quản lý quán cà phê, HAYĐề tài: Xây dựng phần mềm quản lý quán cà phê, HAY
Đề tài: Xây dựng phần mềm quản lý quán cà phê, HAY
 
Đề tài: Xây dựng phần mềm quản lý quán cà phê, HOT, 9đ
Đề tài: Xây dựng phần mềm quản lý quán cà phê, HOT, 9đĐề tài: Xây dựng phần mềm quản lý quán cà phê, HOT, 9đ
Đề tài: Xây dựng phần mềm quản lý quán cà phê, HOT, 9đ
 
XÂY DỰNG PHẦN MỀM QUẢN LÝ QUÁN CÀ PHÊ
XÂY DỰNG PHẦN MỀM QUẢN LÝ QUÁN CÀ PHÊ XÂY DỰNG PHẦN MỀM QUẢN LÝ QUÁN CÀ PHÊ
XÂY DỰNG PHẦN MỀM QUẢN LÝ QUÁN CÀ PHÊ
 
Đồ Án Tốt Nghiệp Thư Viện Văn Hóa Thiếu Nhi Thành Phố Hải Phòng.docx
Đồ Án Tốt Nghiệp Thư Viện Văn Hóa Thiếu Nhi Thành Phố Hải Phòng.docxĐồ Án Tốt Nghiệp Thư Viện Văn Hóa Thiếu Nhi Thành Phố Hải Phòng.docx
Đồ Án Tốt Nghiệp Thư Viện Văn Hóa Thiếu Nhi Thành Phố Hải Phòng.docx
 

More from Dịch vụ viết bài trọn gói ZALO 0917193864

More from Dịch vụ viết bài trọn gói ZALO 0917193864 (20)

200 de tai khoa luạn tot nghiep nganh tam ly hoc
200 de tai khoa luạn tot nghiep nganh tam ly hoc200 de tai khoa luạn tot nghiep nganh tam ly hoc
200 de tai khoa luạn tot nghiep nganh tam ly hoc
 
Danh sách 200 đề tài luận văn tốt nghiệp ngành khách sạn,10 điểm
Danh sách 200 đề tài luận văn tốt nghiệp ngành khách sạn,10 điểmDanh sách 200 đề tài luận văn tốt nghiệp ngành khách sạn,10 điểm
Danh sách 200 đề tài luận văn tốt nghiệp ngành khách sạn,10 điểm
 
Danh sách 200 đề tài luận văn thạc sĩ ngân hàng, hay nhất
Danh sách 200 đề tài luận văn thạc sĩ ngân hàng, hay nhấtDanh sách 200 đề tài luận văn thạc sĩ ngân hàng, hay nhất
Danh sách 200 đề tài luận văn thạc sĩ ngân hàng, hay nhất
 
Danh sách 200 đề tài luận văn thạc sĩ ngữ văn, hay nhất
Danh sách 200 đề tài luận văn thạc sĩ ngữ văn, hay nhấtDanh sách 200 đề tài luận văn thạc sĩ ngữ văn, hay nhất
Danh sách 200 đề tài luận văn thạc sĩ ngữ văn, hay nhất
 
Danh sách 200 đề tài luận văn thạc sĩ ô tô, 10 điểm
Danh sách 200 đề tài luận văn thạc sĩ ô tô, 10 điểmDanh sách 200 đề tài luận văn thạc sĩ ô tô, 10 điểm
Danh sách 200 đề tài luận văn thạc sĩ ô tô, 10 điểm
 
Danh sách 200 đề tài luận văn thạc sĩ quản lý giáo dục mầm non, mới nhất
Danh sách 200 đề tài luận văn thạc sĩ quản lý giáo dục mầm non, mới nhấtDanh sách 200 đề tài luận văn thạc sĩ quản lý giáo dục mầm non, mới nhất
Danh sách 200 đề tài luận văn thạc sĩ quản lý giáo dục mầm non, mới nhất
 
Danh sách 200 đề tài luận văn thạc sĩ quản trị rủi ro, hay nhất
Danh sách 200 đề tài luận văn thạc sĩ quản trị rủi ro, hay nhấtDanh sách 200 đề tài luận văn thạc sĩ quản trị rủi ro, hay nhất
Danh sách 200 đề tài luận văn thạc sĩ quản trị rủi ro, hay nhất
 
Danh sách 200 đề tài luận văn thạc sĩ tài chính ngân hàng, từ sinh viên giỏi
Danh sách 200 đề tài luận văn thạc sĩ tài chính ngân hàng, từ sinh viên giỏiDanh sách 200 đề tài luận văn thạc sĩ tài chính ngân hàng, từ sinh viên giỏi
Danh sách 200 đề tài luận văn thạc sĩ tài chính ngân hàng, từ sinh viên giỏi
 
Danh sách 200 đề tài luận văn thạc sĩ tiêm chủng mở rộng, 10 điểm
Danh sách 200 đề tài luận văn thạc sĩ tiêm chủng mở rộng, 10 điểmDanh sách 200 đề tài luận văn thạc sĩ tiêm chủng mở rộng, 10 điểm
Danh sách 200 đề tài luận văn thạc sĩ tiêm chủng mở rộng, 10 điểm
 
danh sach 200 de tai luan van thac si ve rac nhua
danh sach 200 de tai luan van thac si ve rac nhuadanh sach 200 de tai luan van thac si ve rac nhua
danh sach 200 de tai luan van thac si ve rac nhua
 
Kinh Nghiệm Chọn 200 Đề Tài Tiểu Luận Chuyên Viên Chính Trị Hay Nhất
Kinh Nghiệm Chọn 200 Đề Tài Tiểu Luận Chuyên Viên Chính Trị Hay NhấtKinh Nghiệm Chọn 200 Đề Tài Tiểu Luận Chuyên Viên Chính Trị Hay Nhất
Kinh Nghiệm Chọn 200 Đề Tài Tiểu Luận Chuyên Viên Chính Trị Hay Nhất
 
Kho 200 Đề Tài Bài Luận Văn Tốt Nghiệp Ngành Kế Toán, 9 điểm
Kho 200 Đề Tài Bài Luận Văn Tốt Nghiệp Ngành Kế Toán, 9 điểmKho 200 Đề Tài Bài Luận Văn Tốt Nghiệp Ngành Kế Toán, 9 điểm
Kho 200 Đề Tài Bài Luận Văn Tốt Nghiệp Ngành Kế Toán, 9 điểm
 
Kho 200 Đề Tài Luận Văn Ngành Thủy Sản, từ các trường đại học
Kho 200 Đề Tài Luận Văn Ngành Thủy Sản, từ các trường đại họcKho 200 Đề Tài Luận Văn Ngành Thủy Sản, từ các trường đại học
Kho 200 Đề Tài Luận Văn Ngành Thủy Sản, từ các trường đại học
 
Kho 200 đề tài luận văn ngành thương mại điện tử
Kho 200 đề tài luận văn ngành thương mại điện tửKho 200 đề tài luận văn ngành thương mại điện tử
Kho 200 đề tài luận văn ngành thương mại điện tử
 
Kho 200 đề tài luận văn tốt nghiệp ngành điện tử viễn thông, 9 điểm
Kho 200 đề tài luận văn tốt nghiệp ngành điện tử viễn thông, 9 điểmKho 200 đề tài luận văn tốt nghiệp ngành điện tử viễn thông, 9 điểm
Kho 200 đề tài luận văn tốt nghiệp ngành điện tử viễn thông, 9 điểm
 
Kho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Giáo Dục Tiểu Học
Kho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Giáo Dục Tiểu HọcKho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Giáo Dục Tiểu Học
Kho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Giáo Dục Tiểu Học
 
Kho 200 đề tài luận văn tốt nghiệp ngành luật, hay nhất
Kho 200 đề tài luận văn tốt nghiệp ngành luật, hay nhấtKho 200 đề tài luận văn tốt nghiệp ngành luật, hay nhất
Kho 200 đề tài luận văn tốt nghiệp ngành luật, hay nhất
 
Kho 200 đề tài luận văn tốt nghiệp ngành quản trị văn phòng, 9 điểm
Kho 200 đề tài luận văn tốt nghiệp ngành quản trị văn phòng, 9 điểmKho 200 đề tài luận văn tốt nghiệp ngành quản trị văn phòng, 9 điểm
Kho 200 đề tài luận văn tốt nghiệp ngành quản trị văn phòng, 9 điểm
 
Kho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Sư Phạm Tin Học
Kho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Sư Phạm Tin HọcKho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Sư Phạm Tin Học
Kho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Sư Phạm Tin Học
 
Kho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Xuất Nhập Khẩu
Kho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Xuất Nhập KhẩuKho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Xuất Nhập Khẩu
Kho 200 Đề Tài Luận Văn Tốt Nghiệp Ngành Xuất Nhập Khẩu
 

Recently uploaded

SD-05_Xây dựng website bán váy Lolita Alice - Phùng Thị Thúy Hiền PH 2 7 8 6 ...
SD-05_Xây dựng website bán váy Lolita Alice - Phùng Thị Thúy Hiền PH 2 7 8 6 ...SD-05_Xây dựng website bán váy Lolita Alice - Phùng Thị Thúy Hiền PH 2 7 8 6 ...
SD-05_Xây dựng website bán váy Lolita Alice - Phùng Thị Thúy Hiền PH 2 7 8 6 ...
ChuThNgnFEFPLHN
 
26 Truyện Ngắn Sơn Nam (Sơn Nam) thuviensach.vn.pdf
26 Truyện Ngắn Sơn Nam (Sơn Nam) thuviensach.vn.pdf26 Truyện Ngắn Sơn Nam (Sơn Nam) thuviensach.vn.pdf
26 Truyện Ngắn Sơn Nam (Sơn Nam) thuviensach.vn.pdf
ltbdieu
 
xemsomenh.com-Vòng Tràng Sinh - Cách An 12 Sao Và Ý Nghĩa Từng Sao.pdf
xemsomenh.com-Vòng Tràng Sinh - Cách An 12 Sao Và Ý Nghĩa Từng Sao.pdfxemsomenh.com-Vòng Tràng Sinh - Cách An 12 Sao Và Ý Nghĩa Từng Sao.pdf
xemsomenh.com-Vòng Tràng Sinh - Cách An 12 Sao Và Ý Nghĩa Từng Sao.pdf
Xem Số Mệnh
 
bài tập lớn môn kiến trúc máy tính và hệ điều hành
bài tập lớn môn kiến trúc máy tính và hệ điều hànhbài tập lớn môn kiến trúc máy tính và hệ điều hành
bài tập lớn môn kiến trúc máy tính và hệ điều hành
dangdinhkien2k4
 
Tử Vi Là Gì Học Luận Giải Tử Vi Và Luận Đoán Vận Hạn
Tử Vi Là Gì Học Luận Giải Tử Vi Và Luận Đoán Vận HạnTử Vi Là Gì Học Luận Giải Tử Vi Và Luận Đoán Vận Hạn
Tử Vi Là Gì Học Luận Giải Tử Vi Và Luận Đoán Vận Hạn
Kabala
 

Recently uploaded (20)

Kiến thức cơ bản về tư duy số - VTC Net Viet
Kiến thức cơ bản về tư duy số - VTC Net VietKiến thức cơ bản về tư duy số - VTC Net Viet
Kiến thức cơ bản về tư duy số - VTC Net Viet
 
các nội dung phòng chống xâm hại tình dục ở trẻ em
các nội dung phòng chống xâm hại tình dục ở trẻ emcác nội dung phòng chống xâm hại tình dục ở trẻ em
các nội dung phòng chống xâm hại tình dục ở trẻ em
 
xemsomenh.com-Vòng Thái Tuế và Ý Nghĩa Các Sao Tại Cung Mệnh.pdf
xemsomenh.com-Vòng Thái Tuế và Ý Nghĩa Các Sao Tại Cung Mệnh.pdfxemsomenh.com-Vòng Thái Tuế và Ý Nghĩa Các Sao Tại Cung Mệnh.pdf
xemsomenh.com-Vòng Thái Tuế và Ý Nghĩa Các Sao Tại Cung Mệnh.pdf
 
SD-05_Xây dựng website bán váy Lolita Alice - Phùng Thị Thúy Hiền PH 2 7 8 6 ...
SD-05_Xây dựng website bán váy Lolita Alice - Phùng Thị Thúy Hiền PH 2 7 8 6 ...SD-05_Xây dựng website bán váy Lolita Alice - Phùng Thị Thúy Hiền PH 2 7 8 6 ...
SD-05_Xây dựng website bán váy Lolita Alice - Phùng Thị Thúy Hiền PH 2 7 8 6 ...
 
bài thi bảo vệ nền tảng tư tưởng của Đảng.docx
bài thi bảo vệ nền tảng tư tưởng của Đảng.docxbài thi bảo vệ nền tảng tư tưởng của Đảng.docx
bài thi bảo vệ nền tảng tư tưởng của Đảng.docx
 
Giới Thiệu Về Kabala | Hành Trình Thấu Hiểu Bản Thân | Kabala.vn
Giới Thiệu Về Kabala | Hành Trình Thấu Hiểu Bản Thân | Kabala.vnGiới Thiệu Về Kabala | Hành Trình Thấu Hiểu Bản Thân | Kabala.vn
Giới Thiệu Về Kabala | Hành Trình Thấu Hiểu Bản Thân | Kabala.vn
 
Bài giảng môn Truyền thông đa phương tiện
Bài giảng môn Truyền thông đa phương tiệnBài giảng môn Truyền thông đa phương tiện
Bài giảng môn Truyền thông đa phương tiện
 
26 Truyện Ngắn Sơn Nam (Sơn Nam) thuviensach.vn.pdf
26 Truyện Ngắn Sơn Nam (Sơn Nam) thuviensach.vn.pdf26 Truyện Ngắn Sơn Nam (Sơn Nam) thuviensach.vn.pdf
26 Truyện Ngắn Sơn Nam (Sơn Nam) thuviensach.vn.pdf
 
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
 
xemsomenh.com-Vòng Tràng Sinh - Cách An 12 Sao Và Ý Nghĩa Từng Sao.pdf
xemsomenh.com-Vòng Tràng Sinh - Cách An 12 Sao Và Ý Nghĩa Từng Sao.pdfxemsomenh.com-Vòng Tràng Sinh - Cách An 12 Sao Và Ý Nghĩa Từng Sao.pdf
xemsomenh.com-Vòng Tràng Sinh - Cách An 12 Sao Và Ý Nghĩa Từng Sao.pdf
 
TUYỂN TẬP ĐỀ THI GIỮA KÌ, CUỐI KÌ 2 MÔN VẬT LÍ LỚP 11 THEO HÌNH THỨC THI MỚI ...
TUYỂN TẬP ĐỀ THI GIỮA KÌ, CUỐI KÌ 2 MÔN VẬT LÍ LỚP 11 THEO HÌNH THỨC THI MỚI ...TUYỂN TẬP ĐỀ THI GIỮA KÌ, CUỐI KÌ 2 MÔN VẬT LÍ LỚP 11 THEO HÌNH THỨC THI MỚI ...
TUYỂN TẬP ĐỀ THI GIỮA KÌ, CUỐI KÌ 2 MÔN VẬT LÍ LỚP 11 THEO HÌNH THỨC THI MỚI ...
 
xemsomenh.com-Vòng Lộc Tồn - Vòng Bác Sĩ và Cách An Trong Vòng Lộc Tồn.pdf
xemsomenh.com-Vòng Lộc Tồn - Vòng Bác Sĩ và Cách An Trong Vòng Lộc Tồn.pdfxemsomenh.com-Vòng Lộc Tồn - Vòng Bác Sĩ và Cách An Trong Vòng Lộc Tồn.pdf
xemsomenh.com-Vòng Lộc Tồn - Vòng Bác Sĩ và Cách An Trong Vòng Lộc Tồn.pdf
 
Giáo trình nhập môn lập trình - Đặng Bình Phương
Giáo trình nhập môn lập trình - Đặng Bình PhươngGiáo trình nhập môn lập trình - Đặng Bình Phương
Giáo trình nhập môn lập trình - Đặng Bình Phương
 
20 ĐỀ DỰ ĐOÁN - PHÁT TRIỂN ĐỀ MINH HỌA BGD KỲ THI TỐT NGHIỆP THPT NĂM 2024 MÔ...
20 ĐỀ DỰ ĐOÁN - PHÁT TRIỂN ĐỀ MINH HỌA BGD KỲ THI TỐT NGHIỆP THPT NĂM 2024 MÔ...20 ĐỀ DỰ ĐOÁN - PHÁT TRIỂN ĐỀ MINH HỌA BGD KỲ THI TỐT NGHIỆP THPT NĂM 2024 MÔ...
20 ĐỀ DỰ ĐOÁN - PHÁT TRIỂN ĐỀ MINH HỌA BGD KỲ THI TỐT NGHIỆP THPT NĂM 2024 MÔ...
 
Đề thi tin học HK2 lớp 3 Chân Trời Sáng Tạo
Đề thi tin học HK2 lớp 3 Chân Trời Sáng TạoĐề thi tin học HK2 lớp 3 Chân Trời Sáng Tạo
Đề thi tin học HK2 lớp 3 Chân Trời Sáng Tạo
 
60 CÂU HỎI ÔN TẬP LÝ LUẬN CHÍNH TRỊ NĂM 2024.docx
60 CÂU HỎI ÔN TẬP LÝ LUẬN CHÍNH TRỊ NĂM 2024.docx60 CÂU HỎI ÔN TẬP LÝ LUẬN CHÍNH TRỊ NĂM 2024.docx
60 CÂU HỎI ÔN TẬP LÝ LUẬN CHÍNH TRỊ NĂM 2024.docx
 
Bài học phòng cháy chữa cháy - PCCC tại tòa nhà
Bài học phòng cháy chữa cháy - PCCC tại tòa nhàBài học phòng cháy chữa cháy - PCCC tại tòa nhà
Bài học phòng cháy chữa cháy - PCCC tại tòa nhà
 
ĐỀ KIỂM TRA CUỐI KÌ 2 BIÊN SOẠN THEO ĐỊNH HƯỚNG ĐỀ BGD 2025 MÔN TOÁN 10 - CÁN...
ĐỀ KIỂM TRA CUỐI KÌ 2 BIÊN SOẠN THEO ĐỊNH HƯỚNG ĐỀ BGD 2025 MÔN TOÁN 10 - CÁN...ĐỀ KIỂM TRA CUỐI KÌ 2 BIÊN SOẠN THEO ĐỊNH HƯỚNG ĐỀ BGD 2025 MÔN TOÁN 10 - CÁN...
ĐỀ KIỂM TRA CUỐI KÌ 2 BIÊN SOẠN THEO ĐỊNH HƯỚNG ĐỀ BGD 2025 MÔN TOÁN 10 - CÁN...
 
bài tập lớn môn kiến trúc máy tính và hệ điều hành
bài tập lớn môn kiến trúc máy tính và hệ điều hànhbài tập lớn môn kiến trúc máy tính và hệ điều hành
bài tập lớn môn kiến trúc máy tính và hệ điều hành
 
Tử Vi Là Gì Học Luận Giải Tử Vi Và Luận Đoán Vận Hạn
Tử Vi Là Gì Học Luận Giải Tử Vi Và Luận Đoán Vận HạnTử Vi Là Gì Học Luận Giải Tử Vi Và Luận Đoán Vận Hạn
Tử Vi Là Gì Học Luận Giải Tử Vi Và Luận Đoán Vận Hạn
 

Đề tài: Hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp, HAY

  • 1. TRƢỜNG ĐẠI HỌC TÂY ĐÔ KHOA KỸ THUẬT – CÔNG NGHỆ KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC XÂY DỰNG HỆ THỐNG CUNG CẤP THÔNG TIN DU LỊCH TỈNH ĐỒNG THÁP Sinh viên thực hiện Cán bộ hƣớng dẫn NGUYỄN THIÊN TỨ ThS. LÊ THỊ THU LAN 13D480201099 Cần Thơ, 2017
  • 2. TRƢỜNG ĐẠI HỌC TÂY ĐÔ KHOA KỸ THUẬT – CÔNG NGHỆ KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC XÂY DỰNG HỆ THỐNG CUNG CẤP THÔNG TIN DU LỊCH TỈNH ĐỒNG THÁP Sinh viên thực hiện Cán bộ hƣớng dẫn NGUYỄN THIÊN TỨ ThS. LÊ THỊ THU LAN 13D480201099 Cán bộ phản biện ThS. NGUYỄN CHÍ CƢỜNG Luận văn đƣợc bảo vệ tại: Hội đồng chấm luận văn tốt nghiệp Bộ môn Công Nghệ Thông Tin, Khoa Kỹ Thuật Công Nghệ, Trƣờng Đại học Tây Đô vào ngày 15 tháng 05 năm 2017. Mã số đề tài: ……………… Có thể tìm hiểu khóa luận tại: Thƣ viện: Trƣờng Đại học Tây Đô Website: http://tdu.edu.vn/
  • 3. BỘ GIÁO DỤC VÀ ĐÀO TẠO CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƢỜNG ĐẠI HỌC TÂY ĐÔ Độc lập – Tự do – Hạnh phúc *** CHẤP NHẬN LUẬN VĂN ĐẠI HỌC CỦA HỘI ĐỒNG Luận văn đại học (tên luận văn) Xây dựng hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp do sinh viên (tên) Nguyễn Thiên Tứ, mã số sinh viên: 13D480201099, thực hiện và báo cáo đã đƣợc chỉnh sửa theo góp ý và đƣợc Hội đồng chấm luận văn đại học thông qua. ____________________________ ____________________________ Họ tên Giảng viên hƣớng dẫn Họ tên Giảng viên Phản biện Giảng viên hƣớng dẫn Phản biện ____________________________ Họ tên Thƣ ký Thƣ ký Cần Thơ, ngày ........ tháng …… năm 2017 _______________________________ Họ tên Chủ tịch Hội đồng Chủ tịch Hội đồng
  • 4. NHẬN XÉT CỦA GIẢNG VIÊN HƢỚNG DẪN .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. Cần Thơ, ngày …… tháng …… năm 2017 Giảng viên hướng dẫn LÊ THỊ THU LAN
  • 5. NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. Cần Thơ, ngày …… tháng …… năm 2017 Giảng viên phản biện NGUYỄN CHÍ CƢỜNG
  • 6. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang i LỜI CẢM ƠN Đầu tiên, xin gửi lời cảm ơn chân thành nhất đến Cô Lê Thị Thu Lan đã trực tiếp hƣớng dẫn, tận tình giải đáp những thắc mắc, giúp đỡ trong việc hình thành, phát triển và hoàn thành đề tài khóa luận tốt nghiệp Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp này. Xin trân trọng cảm ơn Thầy Nguyễn Chí Cƣờng và Thầy Quách Luyl Đa, cùng Quý Thầy Cô khoa Kỹ Thuật – Công Nghệ trƣờng Đại học Tây Đô đã tận tình giảng dạy, chỉ bảo và đóng góp những ý kiến quý báo để hoàn thiện đề tài này. Đồng thời, xin cảm ơn đến với những ngƣời bạn đã luôn ủng hộ, chia sẻ những khó khăn và góp ý trong quá trình học tập và thực hiện đề tại khóa luận tốt nghiệp. Xin cảm ơn, Thầy Nguyễn Chí Thắng khoa Kỹ Thuật – Công Nghệ trƣờng Đại học Nam Cần Thơ; và các bạn Sinh Viên: ngành Việt Nam học Khoa Văn Hóa – Du Lịch trƣờng Đại học Đồng Tháp, khoa Công Nghệ Thông Tin trƣờng Đại học Sƣ phạm TP. Hồ Chí Minh và ngành Công Nghệ Thông Tin khoa Kỹ Thuật – Công Nghệ trƣờng Đại học Cửu Long đã đóng góp ý kiến nhiệt tình cho đề tài này. Trong quá trình thực hiện đề tài, mặc dù đã rất cố gắng nhƣng không thể tránh khỏi những khó khăn, thiếu sót. Kính mong nhận đƣợc ý kiến đóng góp và hƣớng dẫn của quý Thầy Cô cùng các bạn để đề tài khóa luận đƣợc hoàn thiện hơn. Trân trọng cảm ơn! Cần Thơ, ngày 20 tháng 4 năm 2017 Sinh viên thực hiện NGUYỄN THIÊN TỨ
  • 7. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang ii MỤC LỤC LỜI CẢM ƠN.................................................................................................................. i MỤC LỤC...................................................................................................................... ii DANH SÁCH CHỮ VIẾT TẮT .....................................................................................v DANH SÁCH HÌNH, BẢNG VÀ BIỂU ĐỒ................................................................ vi TÓM TẮT...................................................................................................................... ix CHƢƠNG 1. MỞ ĐẦU..............................................................................................1 TỔNG QUAN VỀ TÌNH HÌNH NGHIÊN CỨU ................................................1I. 1.I.1. Vùng đồng bằng sông Cửu Long ................................................................1 1.I.2. Tình hình du lịch Tỉnh Đồng Tháp .............................................................1 1.I.3. Sự phát triển thiết bị di động năm 2016......................................................2 LÝ DO CHỌN ĐỀ TÀI........................................................................................4II. MỤC TIÊU NGHIÊN CỨU.................................................................................7III. ĐỐI TƢỢNG VÀ KHÁCH THỂ NGHIÊN CỨU...............................................8IV. PHƢƠNG PHÁP VÀ PHẠM VI NGHIÊN CỨU ...............................................8V. 1.V.1. Phƣơng pháp nghiên cứu .........................................................................8 1.V.2. Phạm vi nghiên cứu .................................................................................9 ĐÓNG GÓP MỚI ĐỀ TÀI...................................................................................9VI. KẾ HOẠCH NGHIÊN CỨU .............................................................................10VII. ĐẶC TẢ .......................................................................................................10VIII. CHƢƠNG 2. CỞ SỞ LÝ THUYẾT.........................................................................13 TỔNG QUAN VỀ ASP.NET MVC 4................................................................13I. TỔNG QUAN VỀ ADO.NET ENTITY ............................................................14II. 2.II.1. ADO.NET Entity Framework................................................................14 2.II.2. Truy vấn trong ADO.NET Entity..........................................................15 TỔNG QUAN VỀ SQL SERVER.....................................................................17III. TỔNG QUAN VỀ HTML, CSS VÀ JAVASCRIPT.........................................17IV. 2.IV.1. HTML và CSHTML..............................................................................17 2.IV.2. CSS (Cascading Style Sheets) ...............................................................18 2.IV.3. JavaScript và jQuery – jQuery Mobile ..................................................18 CÔNG NGHỆ WEB 2.0 VÀ AJAX...................................................................19V.
  • 8. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang iii GIAO THỨC TRUYỀN TẢI THƢ TÍN SMTP ................................................20VI. PHƢƠNG THỨC MÃ HÓA DỮ LIỆU BASE-64 VÀ MD5............................21VII. 2.VII.1. Mã hóa Base-64..................................................................................21 2.VII.2. Mã hóa MD5 ......................................................................................21 ADOBE PHONEGAP ..................................................................................22VIII. YAHOO! WEATHER API ................................................................................23IX. GOOGLE MAPS API ........................................................................................23X. CHƢƠNG 3. PHÂN TÍCH – THIẾT KẾ HỆ THỐNG ...........................................24 XÁC ĐỊNH CÁC ACTOR.................................................................................24I. 3.I.1. Quản trị viên..............................................................................................24 3.I.2. Ngƣời dùng ứng dụng ...............................................................................24 XÁC ĐỊNH CÁC USECASE.............................................................................24II. 3.II.1. Quản trị viên ..........................................................................................24 3.II.2. Ngƣời dùng ứng dụng............................................................................24 MÔ HÌNH TƢƠNG TÁC GIỮA NGƢỜI DÙNG VÀ HỆ THỐNG ................25III. 3.III.1. Sơ đồ Usecase tổng thể..........................................................................25 3.III.2. Sơ đồ phân rã Actor Quản trị viên.........................................................26 3.III.3. Sơ đồ phân rã Actor Ngƣời dùng ứng dụng ..........................................28 SƠ ĐỒ CLASS...................................................................................................30IV. SƠ ĐỒ TUẦN TỰ CÁC CHỨC NĂNG CHÍNH..............................................31V. 3.V.1. Sơ đồ tuần tự xuất file ảnh từ cơ sở dữ liệu...........................................31 3.V.2. Sơ đồ tuần tự ứng dụng ajax vào đề tài .................................................31 3.V.3. Sơ đồ tuần tự chức năng đăng nhập.......................................................32 KIẾN TRÚC HỆ THỐNG .................................................................................33VI. MÔ HÌNH CƠ SỞ DỮ LIỆU.............................................................................34VII. TỔ CHỨC BẢNG DỮ LIỆU.......................................................................35VIII. CHƢƠNG 4. DEMO – TRIỂN KHAI THỰC TẾ ...................................................37 TRANG QUẢN TRỊ NỘI DUNG......................................................................37I. 4.I.1. Tài khoản admin........................................................................................39 4.I.2. Quản lý danh mục .....................................................................................42 4.I.3. Thông tin Huyện/TP..................................................................................43
  • 9. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang iv 4.I.4. Quản lý ngƣời dùng...................................................................................43 4.I.5. Thống kê yêu thích....................................................................................44 4.I.6. Trang hiển thị bài viết ...............................................................................45 4.I.7. Chức năng đăng và sửa bài viết ................................................................47 ỨNG DỤNG WEB VÀ ANDROID ..................................................................52II. 4.II.1. Trang chủ ứng dụng...............................................................................53 4.II.2. Trang gửi phản hồi.................................................................................57 4.II.3. Trang đăng ký ........................................................................................57 4.II.4. Trang quên mật khẩu .............................................................................58 4.II.5. Trang thay đổi thông tin tài khoản.........................................................59 4.II.6. Trang danh sách bài viết........................................................................60 4.II.7. Trang nội dung bài viết..........................................................................61 4.II.8. Xem bản đồ............................................................................................62 KẾT LUẬN VÀ ĐỀ NGHỊ ...........................................................................................64 DANH SÁCH TÀI LIỆU THAM KHẢO.....................................................................66
  • 10. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang v DANH SÁCH CHỮ VIẾT TẮT AJAX : Asynchronous JavaScript and XML API : Application Programming Interface CSDL : Conceptual Schema Definition Language CSS : Cascading Style Sheets DNS : Domain Name System EDM : Entity Data Model HĐH : Hệ điều hành HTML : HyperText Markup Language JS : JavaScript JSON : JavaScript Object Notation LINQ : Language Integrated Query MS : Microsoft MSL : Mapping specification language MX : Mail eXchange OS : Operating System SMTP : Simple Mail Transfer Protocol SSDL : Store Schema Definition Language TCP : Transmission Control Protocol THDT (THĐT) : Truyền hình Đồng Tháp
  • 11. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang vi DANH SÁCH HÌNH, BẢNG VÀ BIỂU ĐỒ DANH SÁCH HÌNH Hình 1-1. Bản đồ du lịch và báo Đồng Tháp...................................................................5 Hình 1-2. Kết quả tìm kiếm "Du lịch Đồng Tháp" từ Facebook và Google...................5 Hình 1-3. Quảng bá du lịch qua THDT...........................................................................6 Hình 1-4. Hƣớng dẫn viên du lịch tại Nhà cổ Huỳnh Thủy Lê (TP.Sa Đéc)..................7 Hình 2-1. Mô hình MVC...............................................................................................13 Hình 2-2. Cách hoạt động mô hình MVC .....................................................................14 Hình 2-3. Ảnh minh họa kiến trúc ADO.NET Entity ...................................................14 Hình 2-4. Ba cách sử dụng Entity Framework..............................................................15 Hình 2-5. Mô tả vai trò CSS trong trang web ...............................................................18 Hình 2-6. Mô phỏng cách build trong PhoneGap .........................................................23 Hình 3-1. Sơ đồ Usecase tổng thể .................................................................................25 Hình 3-2. Usecase quản trị ngƣời dùng trang admin.....................................................26 Hình 3-3. Usecase Quản trị ngƣời dùng ứng dụng........................................................26 Hình 3-4. Usecase quản trị danh mục bài viết...............................................................27 Hình 3-5. Usecase thống kê lƣợt thích ..........................................................................27 Hình 3-6. Usecase quản trị nội dung bài viết ................................................................28 Hình 3-7. Usecase xem nội dung bài viết......................................................................28 Hình 3-8. Usecase xem bản đồ......................................................................................29 Hình 3-9. Usecase quản lý thông tin tài khoản..............................................................29 Hình 3-10. Sơ đồ Class..................................................................................................30 Hình 3-11. Xuất file ảnh từ cơ sở dữ liệu......................................................................31 Hình 3-12. Sơ đồ tuần tự hoạt động ajax trong ứng dụng.............................................31 Hình 3-13. Sơ đồ tuần tự chức năng đăng nhập trang ứng dụng...................................32 Hình 3-14. Sơ đồ tuần tự chức năng đăng nhập trang admin........................................32 Hình 3-15. Sơ đồ hoạt động tổng thể.............................................................................33 Hình 3-16. Mô hình Cơ sở dữ liệu ................................................................................34 Hình 4-1. Giao diện trang đăng nhập ............................................................................37 Hình 4-2. Mã xác nhận email ........................................................................................38
  • 12. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang vii Hình 4-3. Giao diện trang chủ Admin...........................................................................38 Hình 4-4. Giao diện trang tài khoản admin...................................................................39 Hình 4-5. Pop-up tạo tài khoản......................................................................................40 Hình 4-6. Lƣu đồ giải thuật mã hóa mật khẩu...............................................................41 Hình 4-7. Mật khẩu tài khoản admin.............................................................................42 Hình 4-8. Giao diện trang Quản lý danh mục ...............................................................42 Hình 4-9. Giao diện Thông tin Huyện/TP.....................................................................43 Hình 4-10. Giao diện quản lý ngƣời dùng.....................................................................44 Hình 4-11. Thống kê và chức năng trang lƣợt yêu thích...............................................45 Hình 4-12. Giao diện hiển thị tất cả bài viết..................................................................46 Hình 4-13. Hiển thị bài viết Khu mua sắm....................................................................47 Hình 4-14. Lấy tọa độ Google Maps tự động từ địa chỉ đã nhập..................................48 Hình 4-15. Thông báo điều chỉnh kích thƣớc hình ảnh.................................................48 Hình 4-16. Giao diện đăng bài viết mới........................................................................49 Hình 4-17. Giao diện chỉnh sửa bài viết........................................................................51 Hình 4-18. Tải ứng dụng T4Travel DongThap .............................................................52 Hình 4-19. Giao diện ứng dụng Android.......................................................................53 Hình 4-20. La bàn và tọa độ GPS..................................................................................53 Hình 4-21. Danh sách yêu thích ....................................................................................55 Hình 4-22. Menu đăng ký và đăng nhập .......................................................................55 Hình 4-23 Popup đăng nhập..........................................................................................56 Hình 4-24. Menu chức năng..........................................................................................57 Hình 4-25. Giao diện gửi phản hồi................................................................................57 Hình 4-26. Đăng ký tài khoản .......................................................................................58 Hình 4-27. Chức năng quên mật khẩu...........................................................................59 Hình 4-28. Giao diện thay đổi thông tin tài khoản........................................................60 Hình 4-29. Nội dung danh sách bài viết........................................................................61 Hình 4-30. Giao diện nội dung bài viết.........................................................................62 Hình 4-31. Trang xem bản đồ........................................................................................63
  • 13. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang viii DANH SÁCH BẢNG Bảng 1-1. Thống kê số liệu đề án phát triển du lịch Tỉnh Đồng Tháp năm 2014...........2 Bảng 1-2. Thống kê thiết bị di động quý II năm 2016 trên toàn cầu ..............................3 Bảng 1-3. Kế hoạch nghiên cứu ....................................................................................10 Bảng 3-1. Tổ chức bảng dữ liệu ....................................................................................35 DANH SÁCH BIỂU ĐỒ Biểu đồ 1-1. Thống kê lƣợt khách du lịch Tỉnh Đồng Tháp năm 2014 ..........................2 Biểu đồ 1-2. Thống kê thị phần smartphone toàn cầu (2012 - 2016)..............................3
  • 14. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang ix TÓM TẮT Nhận thấy sự phát triển du lịch Tỉnh Đồng Tháp hiện đang thiếu một sản phẩm có thể tổng hợp tất cả thông tin nói trên và sự thông dụng, giá thành rẻ của các thiết bị di động (đặc biệt là thiết bị chạy hệ điều hành Android) để giúp đại đa số mọi ngƣời điều có riêng cho mình ít nhất một chiếc điện thoại hoặc máy tính bảng để ngao du khắp mọi nơi. Từ đó, đề tài Xây dựng hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp ra đời và đƣợc phát triển trên các nền tảng Web và Android. ABSTRACT Recognizing that tourism development in Dong Thap Province is currently lacking a product that can synthesize all of the above information and the popularity and low cost of mobile devices (especially operating systems Android) to help the vast majority of people have their own at least a phone or tablet to roam everywhere. Since then, the theme of building Tourism information supply system in Dong Thap Province has been developed and developed on Web and Android platforms. TỪ KHÓA Xây dựng hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp
  • 15. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 1 CHƢƠNG 1. MỞ ĐẦU TỔNG QUAN VỀ TÌNH HÌNH NGHIÊN CỨUI. 1.I.1. Vùng đồng bằng sông Cửu Long Vùng đồng bằng sông Cửu Long của Việt Nam gồm mƣời hai Tỉnh (trong đó có Tỉnh Đồng Tháp) và một Thành Phố, đƣợc hình thành từ những trầm tích phù sa và bồi dần qua nhiều thế kỷ và những hoạt động của hỗn hợp giữa sông và biển đã hình thành những vạt đất phù sa phì nhiêu, màu mỡ dọc theo ven sông. Vì thế Đồng Tháp đƣợc thừa hƣởng những đặc điểm thiên nhiên của Vùng đồng bằng nhƣ: sông ngòi chằng chịt, đa dạng sinh học cao với các khu rừng nguyên sinh, vùng đất ngập nƣớc; Đồng thời, với những nét văn hóa độc đáo thể hiện qua các lễ hội, làng nghề, di tích văn hóa lịch sử; tạo nên một tiềm năng vô tận cho sự phát triển du lịch nhân văn giá trị của Vùng đồng bằng sông Cửu Long nói chung và Tỉnh Đồng Tháp nói riêng. 1.I.2. Tình hình du lịch Tỉnh Đồng Tháp “Tháp Mười đẹp nhất bông sen Việt Nam đẹp nhất có tên Bác Hồ” Bảo Đình Giang Nhắc đến câu thơ trên, ai cũng liên tƣởng ngay đến vùng Đồng Tháp Mƣời, nơi có sen hồng trở thành biểu tƣợng cho sự sống của ngƣời dân Đồng Tháp và là nơi có nhiều cảnh quan thiên nhiên đặc sắc, sông nƣớc hữu tình, bốn mùa hoa thơm quả ngọt, cùng với tài nguyên thiên nhiên phong phú, kết hợp với con ngƣời thân thiện, tinh hoa văn hóa, lịch sử của cộng đồng và nhiều lễ hội dân gian truyền thống mang đậm bản sắc văn hóa dân tộc… tiêu biểu nhất là du lịch sinh thái theo mùa, du lịch sông nƣớc, du lịch trải nghiệm, làng nghề, ẩm thực… gắn liền với các địa điểm tham quan, di tích lịch sử cấp Tỉnh và cấp Quốc gia nhƣ: Chùa Kiến An Cung, làng hoa kiểng Sa Đéc, Nhà Cổ Huỳnh Thủy Lê… Mặc dù là tỉnh có nhiều tiềm năng du lịch, nhƣng du lịch Đồng Tháp đƣợc đánh giá là đang phát triển dƣới mức tiềm năng. Theo số liệu đề án phát triển du lịch Tỉnh Đồng Tháp năm 2014, Đồng Tháp đón và phục vụ 1.855.921 lƣợt khách du lịch. Tuy
  • 16. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 2 nhiên, chủ yếu là khách tham quan hành hƣơng; khách nội địa và khách quốc tế còn ít. Tổng doanh thu du lịch đạt thấp (318 tỷ đồng năm 2014). Bảng 1-1. Thống kê số liệu đề án phát triển du lịch Tỉnh Đồng Tháp năm 2014 Loại khách Số lƣợt Khách tham quan hành hƣơng 1.355.185 Khách nội địa 455.643 Khách quốc tế 45.093 Theo bảng số liệu nói trên, ta thu đƣợc biểu đồ tròn theo tỉ lệ phần trăm (%) nhƣ sau: Biểu đồ 1-1. Thống kê lượt khách du lịch Tỉnh Đồng Tháp năm 2014 1.I.3. Sự phát triển thiết bị di động năm 2016 Đổi mới là nền tảng của công nghệ. Mƣời năm trƣớc đây, hầu nhƣ chúng ta không gửi tin nhắn dạng văn bản, đàm thoại ngƣời với ngƣời, hoặc chơi trò chơi Con Rắn trên màn hình hai màu. Nhƣng ngày nay, với các thiết bị di động có thể xử lý nhiều hơn một máy tính để bàn trung bình có thể thực hiện ở cùng một thời điểm và từ màn hình hai màu lên đa sắc, gửi tin nhắn dạng văn bản giờ có thể định kèm tập tin hoặc icon hình ảnh, đàm thoại nhóm… Khách hành hƣơng 73% Khách nội địa 25% Khách quốc tế 2%
  • 17. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 3 Định nghĩa về sự phát triển thiết bị di động không chỉ bao gồm điện thoại di động truyền thống, mà còn bao gồm cả thiết bị máy tính bảng (tablet), thiết bị chơi game, truyền hình, xe hơi, và nhiều thiết bị tiêu dùng khác có sử dụng hệ điều hành. Tuy nhiên, trong bài báo cáo này thiết bị thông minh đƣợc nói đến bao gồm là: tablet và smartphone. Bảng 1-2. Thống kê thiết bị di động quý II năm 2016 trên toàn cầu Hệ điều hành Thiết bị đƣợc xuất xƣởng Android 296,9 triệu iOS 44,4 triệu Windows Phone 1,97 triệu BlackBerry 400 nghìn Biểu đồ 1-2. Thống kê thị phần smartphone toàn cầu (2012 - 2016) Theo số liệu thống kê trên có thể thấy thị phần hệ điều hành di động thì Android chiếm tỉ lệ cao nhất và có thiết bị xuất xƣởng nhiều nhất, theo sau là iOS.
  • 18. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 4 LÝ DO CHỌN ĐỀ TÀIII. Nhận thấy tình hình du lịch Tỉnh Đồng Tháp còn nhiều khó khăn về cơ sở hạ tầng, hệ thống giao thông, các sản phẩm du lịch đơn điệu, thô sơ và trùng lắp, chất lƣợng phục vụ thấp, chƣa có nhiều điểm vui chơi, giải trí. Đồng thời việc quảng bá, cũng nhƣ công tác tuyên truyền du lịch thiếu ấn tƣợng và hiệu quả chƣa cao. Theo Tài liệu tuyên truyền “Đề án phát triển Du lịch tỉnh Đồng Tháp giai đoạn 2015 – 2020 (Kèm theo Công văn số 1803-CV/BTGTU, ngày 29/5/2015 của Ban Tuyên giáo Tỉnh uỷ)”. Nhằm thúc đẩy ngành phát triển du lịch của Tỉnh Đồng Tháp ngày càng phát triển và trở thành ngành kinh tế quan trọng của Tỉnh. Tuy nhiên, việc quảng bá du lịch trong Tỉnh đa số dựa trên mạng xã hội, website, truyền hình, ứng dụng di động, bản đồ du lịch. Hiện nay, dạo quanh các siêu thị sách hoặc nơi bán các bản đồ, tài liệu du lịch điều thấy rất nhiều nội dung nói về giới thiệu các địa điểm, đặc sản, phƣơng tiện đi lại trong Tỉnh Đồng Tháp hoặc cả nƣớc Việt Nam; điều này gặp phải vài sự bất tiện, khi đi du lịch ngoài Tỉnh (đối với khách nội địa) hoặc các du khách nƣớc ngoài vì đi đâu cũng phải mang theo một quyển sách, tờ báo, bản đồ chỉ đƣờng hay tài liệu giới thiệu về địa điểm tham quan nào đó.
  • 19. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 5 Hình 1-1. Bản đồ du lịch và báo Đồng Tháp Mặt khác, với sự phát triển mạnh mẽ của Công Nghệ Thông Tin nói chung và sự phát triển mạnh mẽ của các website mạng xã hội, công cụ tìm kiếm nói riêng; tiêu biểu nhƣ Facebook và Google. Khi tìm kiếm với cụm từ “Du lịch Đồng Tháp” là đã có khá nhiều kết quả trả về cho ngƣời dùng lựa chọn từ 2 trang Facebook và Google. Tỉnh còn giới thiệu các địa điểm du lịch trên website chính thức: Cổng thông tin điện tử Đồng Tháp (dongthap.gov.vn), Đài Phát thanh – Truyền hình Đồng Tháp (thdt.vn), Báo Đồng Tháp Online (baodongthap.vn)… Hình 1-2. Kết quả tìm kiếm "Du lịch Đồng Tháp" từ Facebook và Google
  • 20. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 6 Việc quảng cáo, giới thiệu các địa điểm, dịch vụ du lịch trong Tỉnh cũng đƣợc phát triển không kém nhƣ một chƣơng trình đã phát sóng: Đồng Tháp chuẩn bị chào đón du khách, Ấn tƣợng du lịch Đồng Tháp tại VTIM 2016 hoặc Họp báo tuần lễ du lịch Đồng Tháp năm 2017 tại TP. Sa Đéc… với loại hình quảng bá này sẽ giúp cho khách du lịch có thêm phần đáng tin cậy về thông tin giới thiệu; tuy nhiên, đều này sẽ khiến cho du khách phải chủ động cập nhật thông tin du lịch từ các thông tin khác nhau: truyền hình, báo chí… Hình 1-3. Quảng bá du lịch qua THDT Ngoài ra, một số du khách hoặc dịch vụ du lịch còn có thể thuê thêm ngƣời Hƣớng dẫn viên du lịch (ngƣời trong Tỉnh hoặc ngoài Tỉnh) để giúp cho ngƣời tham quan có thêm những kiến thức hoặc đi lại dễ dàng hơn. Tuy nhiên, với loại hình này thì du khách phải bỏ số tiền không ít để thuê hoặc phải tuân thủ nội quy của đoàn, bị ràng buộc mất đi phần nào sự tự do vốn có cho một chuyến đi du lịch.
  • 21. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 7 Hình 1-4. Hướng dẫn viên du lịch tại Nhà cổ Huỳnh Thủy Lê (TP.Sa Đéc) Bên cạnh đó một (nhóm) du khách, họ cần một nguồn thông tin: địa điểm du lịch phải đƣợc cập nhật: thƣờng xuyên, chính xác; bản đồ chỉ đƣờng; cung cấp các địa điểm nghỉ ngơi, giải trí và các món ăn đặc sản, thực đơn của nhà hàng… Nhƣng hiện tại với nguồn thông tin du lịch của Tỉnh Đồng Tháp còn khá rời rạc chƣa tập trung thành một sản phẩm nhất định. Vì lý do này, việc nghiên cứu và xây dựng ứng dụng (Website, di động) hỗ trợ việc quảng bá du lịch là cần thiết nó mang ý nghĩa thực tế cho Tỉnh Đồng Tháp và ứng dụng này không cần đến những cuốn hƣớng dẫn du lịch, những tấm bản đồ bằng giấy hay những chiếc la bàn cũ kỹ nằm trong hành trang du lịch, mà giờ đây những du khách khi đi đến Tỉnh Đồng Tháp chỉ với những thiết bị di động có kết nối Internet hoặc smartphone Android của mình là có thể ngao du khắp địa bàn Tỉnh Đồng Tháp. MỤC TIÊU NGHIÊN CỨUIII. Xây dựng hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp trên nền tảng Website và hệ điều hành di động Android. Bao gồm một số chức năng nhƣ:
  • 22. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 8 - Cung cấp hệ thống thời tiết ở hai Thành Phố của Tỉnh (Cao Lãnh và Sa Đéc). - Tra cứu thông tin của các Thành Phố và Huyện. - Xem các thông tin về địa điểm tham quan, nhà hàng khách sạn… - Dẫn đƣờng dựa vào GPS hoặc dữ liệu mạng. - Tra cứu các địa điểm tham quan lân cận trên bản đồ. Ngoài ra, giúp cho các du khách và Tỉnh Đồng Tháp có thêm một công cụ tra cứu việc tìm kiếm, xem thông tin địa điểm về du lịch một cách miễn phí. Và là nơi giúp cho các nhà cung cấp dịch vụ - du lịch của Tỉnh có thêm một nơi để quảng cáo cho mình miễn phí. ĐỐI TƢỢNG VÀ KHÁCH THỂ NGHIÊN CỨUIV. - Đối tƣợng nghiên cứu: Xây dựng hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp. - Khách thể nghiên cứu: + Những khách du lịch có nhu cầu sử dụng ứng dụng du lịch về Tỉnh Đồng Tháp (bao gồm sử dụng trên web hoặc điện thoại di động Android). + Các khu du lịch, di tích, nhà hàng khách sạn, phƣơng tiện trong Tỉnh Đồng Tháp. PHƢƠNG PHÁP VÀ PHẠM VI NGHIÊN CỨUV. 1.V.1. Phƣơng pháp nghiên cứu a. Phƣơng pháp nghiên cứu tài liệu - Các tài liệu, sách, báo chuyên về vấn đề du lịch Tỉnh Đồng Tháp. - Các chƣơng trình truyền hình du lịch Tỉnh Đồng Tháp. - Các trang web, tài liệu tham khảo có liên quan đến đề tài. b. Phƣơng pháp nghiên cứu thực tiễn - Phƣơng pháp quan sát: Quan sát từ các ngƣời dân thuộc địa bàn Tỉnh Đồng Tháp: Thành Phố Cao Lãnh, Thành Phố Sa Đéc, huyện Thanh Bình và huyện Lấp Vò. - Phƣơng pháp chuyên gia: Tham khảo ý kiến của + Giảng viên hƣớng dẫn,
  • 23. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 9 + Một số Thầy, Cô, Sinh Viên Khoa Văn học – Du lịch trƣờng Đại học Đồng Tháp. c. Phƣơng pháp thống kê Bao gồm thu thập dữ liệu, xử lý và thống kê số liệu dùng để làm luận cứ cho đề tài. 1.V.2. Phạm vi nghiên cứu a. Về mặt lý thuyết - Đối với website: Tìm hiểu kỹ thuật lập trình, cách thức hoạt động và các đối tƣợng trong ASP.NET, ADO.NET, jQuery Mobile, AJAX, Yahoo! Weather và Google Map API. - Đối với ứng dụng Android: Tìm hiểu cách đọc, gửi JSON, kỹ thuật lập trình và cách sử dụng Adobe PhoneGap. - Hiểu đƣợc cách thức hoạt động của Client – Server trên website. - Hiểu đƣợc cách lƣu trữ dữ liệu của hệ quản trị cơ sở dữ liệu Microsoft SQL Server (MS SQL Server). - Hiểu thêm về giao thức truyền gửi thƣ tín SMTP. b. Về mặt lập trình - Đối với website: Xây dựng trang web Admin dùng để quản trị nội dung ứng dụng và trang ứng dụng cho ngƣời dùng bằng ASP.NET, ADO.NET, csHTML, HTML, CSS, JavaScript, SQL Server. - Đối với ứng dụng Android: Xây dựng ứng dụng Android bằng PhoneGap chủ yếu vào HTML 5, CSS 3 và JavaScript (jQuery Mobile). - Phát hành ứng dụng lên kho CH Play cho hệ điều hành Android. ĐÓNG GÓP MỚI ĐỀ TÀIVI. - Mở ra một hƣớng đi mới cho ngành du lịch Tỉnh Đồng Tháp với nội dung đƣợc tổng hợp và thống nhất thành một ứng dụng trên nền tảng web và hệ điều hành di động cụ thể là Android; từ đó du khách đến với Đồng Tháp chỉ cần một thiết bị di động có kết nối Internet hoặc smartphone Android của mình.
  • 24. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 10 - Là một ứng dụng tổng hợp thông tin địa điểm du lịch, phƣơng tiện di chuyển, đặc sản địa phƣơng đồng thời còn là một sản phẩm tích hợp chức năng dẫn đƣờng từ Google Maps thông qua GPS hoặc mạng Internet, xem thời tiết của ngày hiện nay và các ngày tiếp theo. KẾ HOẠCH NGHIÊN CỨUVII. Bảng 1-3. Kế hoạch nghiên cứu Tuần Nội dung 1 2 3 4 5 6 7 8 9 10 11 12 Hoàn thành đặt tả  Hoàn thành CSDL    Thu thập tài liệu   Khảo sát thực trạng  Tham khảo ý kiến Thầy, Cô, Sinh Viên Đại học Đồng Tháp      Thu thập dữ liệu    Lập trình trang Admin    Lập trình trang Ngƣời dùng      Lập trình ứng dụng Android      Viết báo cáo    Chỉnh sửa    Ghi nhận ý kiến Giảng viên             ĐẶC TẢVIII. Đồng Tháp có nhiều quan cảnh thiên nhiên đặc sắc, sông nƣớc hữu tình, cùng với tài nguyên phong phú, đồng thời với sự thân thiện của ngƣời dân kết hợp với tinh hoa văn hóa, lịch sử của cộng đồng và lễ hội mang đậm bản sắc dân tộc. Đó là những lợi thế để phát triển du lịch và trở thành ngành kinh tế quan trọng của tỉnh. Từ những đặc điểm nói trên và sự khuyến phát triển du lịch của tỉnh bằng “Đề án phát triển Du lịch của tỉnh Đồng Tháp giai đoạn 2015-2020 (Kèm theo Công
  • 25. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 11 văn số 1803-CV/BTGTU, ngày 29/5/2015 của Ban Tuyên giáo Tỉnh uỷ)”. Tƣơng lai ngành du lịch của tỉnh phát triển mạnh mẽ, tuy nhiên hiện nay vẫn còn rất ít website quảng bá hay phần mềm giới thiệu về: địa điểm du lịch, nhà hàng – khách sạn, khu vui chơi giải trí, các phƣơng tiện đi lại, đặc sản, lễ hội – các làng truyền thống (tạm gọi là danh mục). Từ những nhu cầu nói trên, ứng dụng cung cấp thông tin du lịch cho Tỉnh Đồng Tháp ra đời với tên gọi T4Travel DongThap. Phần mềm cung cấp danh mục lớn bao gồm các tên và biểu tƣợng nhƣ: Điểm tham quan, Khu vui chơi, Làng truyền thống,… (có thể thêm, sửa trong trang Admin); ngƣời dùng chọn danh mục, phần mềm cho ra kết quả danh sách tên các địa điểm theo danh mục đã chọn (tiêu đề, hình ảnh, số yêu thích). Khi nhấn vào xem địa điểm nào đó, hệ thống hiển thị nội dung bao gồm: Tên địa điểm, nội dung, hình ảnh địa chỉ (nếu có), nút nhấn yêu thích – bỏ yêu thích và có kèm chức năng bản đồ của Google Maps bao gồm chức năng: dẫn đƣờng (nếu ngƣời dùng kích hoạt GPS) hoặc đánh dấu địa điểm đó thông qua tọa độ và đồng thời hiển thị tất cả địa điểm trong cơ sở dữ liệu (Admin có thể thêm hoặc sửa nội dung); ngoài nội dung kể trên, ngƣời quản trị nội dung (Admin) có thể thêm những nội dung con: Tên, nội dung, địa chỉ, hình ảnh, danh sách mục con này đƣợc sắp xếp theo vị trí (Có chức năng thêm, sửa, xóa cho phần nội dung này). Ngoài ra, ứng dụng còn có thêm chức năng Đăng ký (Họ tên, email, mật khẩu), Đăng nhập cho ngƣời dùng Yêu thích nội dung địa điểm nào đó (Mã địa điểm, tên đăng nhập và ngày giờ yêu thích), hệ thống lƣu và đƣa vào danh sách Yêu thích (sắp xếp theo ngày). Trang Admin quản lý ngƣời dùng này và chỉ đƣợc phép chặn ngƣời dùng. Chức năng Quên mật khẩu, yêu cầu ngƣời dùng nhập email và hệ thống gửi kèm 1 mã xác nhận (có thời hạn trong vòng 5 phút). Nếu trong 5 phút và ngƣời dùng nhận đúng mã xác nhận thì hệ thống cho phép ngƣời dùng thay đổi mật khẩu mới. Trang admin đƣợc chia thành 2 chức năng:
  • 26. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 12 - Ngƣời Đăng Bài: Chỉ đƣợc phép đăng bài viết mới hoặc chỉnh sửa bài viết của chính mình; đồng thời có quyền xem các nội dung bài viết khác và chức năng của Ngƣời Quản Trị Viên. - Ngƣời Quản Trị Viên: Sẽ có chức năng của một Ngƣời Đăng Bài, nhƣng có thể thêm, chỉnh sửa: loại danh mục, tài khoản admin…
  • 27. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 13 CHƢƠNG 2. CỞ SỞ LÝ THUYẾT TỔNG QUAN VỀ ASP.NET MVC 4I. ASP.NET MVC là một framework – một công nghệ của Microsoft dùng để phát triển ứng dụng web theo mô hình MVC đƣợc định nghĩa bởi Model – View – Controller. Nền tảng ASP.NET MVC có đặc điểm nhẹ (lightweight), dễ kiểm thử trên phần giao diện so với ứng dụng Web Forms, đồng thời tích hợp sẵn các công nghệ của ASP.NET. ASP.NET MVC đƣợc định nghĩa trong namespace System.Web.Mvc là một phần của namespace System.Web. Hình 2-1. Mô hình MVC Yêu cầu của ngƣời dùng thƣờng xuất phát từ View, sau đó View nhờ Controller để điều khiển các hành động, các giao tiếp, chuyển những thông tin từ Model xuống Cơ sở dữ liệu; tƣơng tự nhƣ vậy, từ CSDL thông qua Model thì Controller điều khiển để hiển thị trên View. Chắc chắn View đang sử dụng bằng HTML (Server Control). Controller là phần sử dụng Code Behind, phần Model sử dụng ADO.NET hoặc LINQ hoặc Entity.
  • 28. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 14 Hình 2-2. Cách hoạt động mô hình MVC TỔNG QUAN VỀ ADO.NET ENTITYII. 2.II.1. ADO.NET Entity Framework ADO.NET Entity là một nền tảng đƣợc sử dụng để làm việc với cơ sở dữ liệu thông qua cơ chế ánh xạ Object/Relational Mapping (ORM). Nhờ đó, lập trình viên .NET có thể truy vấn, thao tác với database một cách gián tiếp thông qua các đối tƣợng lập trình. Hình 2-3. Ảnh minh họa kiến trúc ADO.NET Entity ADO.NET Entity có 3 thành phần:
  • 29. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 15 - Code: là mã lệnh tạo thành phần các lớp đối tƣợng dữ liệu cho phép thao tác dữ liệu. - Model: là sơ đồ gồm các hộp mô tả các thực thể và các đƣờng kết nối mô tả các quan hệ. - Database: là cơ sở dữ liệu (có thể là SQL Server, Compact SQL Server, Local database, MySQL, Oracle,…) Có 3 cách sử dụng trong Entity Framework: Code First, Models First hoặc Database First. Hình 2-4. Ba cách sử dụng Entity Framework 2.II.2. Truy vấn trong ADO.NET Entity Đối với ADO.NET Entity Framework đƣợc hỗ trợ 3 loại truy vấn: LINQ to Entities, Entity SQL và SQL thuần. a. LINQ to Entities LINQ to Entities: LINQ là một ngôn ngữ truy vấn mạnh mẽ đƣợc giới thiệu trong Visual Studio 2008. Lập trình viên có thể sử dụng LINQ trong C# hoặc Visual
  • 30. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 16 Basic để truy vấn các nguồn dữ liệu khác nhau. LINQ to Entities đƣợc hoạt động dựa trên các thực thể trong mô hình Entity Framework. Có hai cú pháp dùng trong LINQ: phƣơng thức hoặc truy vấn với Entity Data Model. - Phƣơng thức LINQ: using (T4TravelDbContext db = new T4TravelDbContext()) { ViewData["DSTKAdmin"] = db.TaiKhoanAdmins.ToList(); } - Truy vấn LINQ: using (T4TravelDbContext db = new T4TravelDbContext()) { ViewData["DSTKAdmin"] = from tk in db.TaiKhoanAdmins select tk; } b. Entity SQL Entity SQL là một cách khác để tạo ra một truy vấn. Entity SQL đƣợc xử lý trực tiếp bởi Object Services của ADO.NET Entity Framework. Entity SQL trả về đối tƣợng ObjectQuery thay vì IQueryable. ObjectContext sử dụng để tạo ra truy vấn sử dụng Entity SQL. using (T4TravelDbContext db = new T4TravelDbContext()) { string sqlString = "select * from T4TravelDbContext.TaiKhoanAdmins"; var objContext = (db as System.Data.Entity.Infrastructure.IObjectContextAdapter).ObjectContext; System.Data.Entity.Core.Objects.ObjectQuery lopQuery = objContext.CreateQuery<TaiKhoanAdmin>(sqlString); } c. SQL thuần Ngoài các cách kể trên, ADO.NET Entity Framework còn hỗ trợ cách truy vấn bằng câu lệnh thực thi thuần SQL cho cơ sở dữ liệu quan hệ. - Truy vấn SQL không tham số: using (T4TravelDbContext db = new T4TravelDbContext())
  • 31. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 17 { var sql = db.TaiKhoanAdmins.SqlQuery("Select * from TaiKhoanAdmin") .ToList(); } - Truy vấn SQL có tham số: using (T4TravelDbContext db = new T4TravelDbContext()) { ShowSingleInfoAdmin tka = db.Database.SqlQuery<ShowSingleInfoAdmin>( "sp_ShowSingleInfoAdmin @param", new SqlParameter("param", str_us.ToString()) ).Single<ShowSingleInfoAdmin>(); } TỔNG QUAN VỀ SQL SERVERIII. Là một hệ quản trị cơ sở dữ liệu do Microsoft phát triển. SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ mạng máy tính hoạt động theo mô hình khách chủ cho phép đồng thời cùng lúc có nhiều ngƣời dùng truy xuất đến dữ liệu, quản lý việc truy nhập hợp lệ và các quyền hạn của từng ngƣời dùng trên mạng. TỔNG QUAN VỀ HTML, CSS VÀ JAVASCRIPTIV. 2.IV.1. HTML và CSHTML HTML viết tắt của HyperText Markup Language (tạm dịch Ngôn ngữ Đánh dấu Siêu văn bản) là ngôn ngữ đánh dấu đƣợc thiết kế để tạo nên các trang web với các mẫu thông tin trình bày trên World Wide Web. Cùng với CSS và JavaScript, HTML tạo thành bộ ba nền tảng kỹ thuật cho World Wide Web. Hiện nay, HTML đang đƣợc phát triển tiếp với phiên bản HTML5 hứa hẹn mang lại diện mạo mới cho trang web. Trong view của ASP.NET, sử dụng các thẻ HTML đồng thời có thể kết hợp với các khối lệnh ngôn ngữ C# bằng cách khai báo @{…} hoặc @<tên biến> để tạo ra một view template (file .cshtml). @{ List<HuyenTP> lh = (List<HuyenTP>)ViewData["HuyenTP"]; foreach (HuyenTP item in lh) { <option value="@item.MaHuyen">@item.TenHuyen</option>
  • 32. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 18 } } 2.IV.2. CSS (Cascading Style Sheets) Là một ngôn ngữ đƣợc sử dụng để tìm và định dạng lại các phần tử đƣợc tạo ra bởi các ngôn ngữ đánh dấu (ví dụ nhƣ HTML). Nếu HTML đóng vai trò định dạng các phần tử trên trang web nhƣ việc tạo ra các đoạn văn bản, các tiêu đề, bảng,… thì CSS giúp chúng ta có thể thêm một chút “phong cách” vào các phần tử HTML đó nhƣ đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc… Hình 2-5. Mô tả vai trò CSS trong trang web 2.IV.3. JavaScript và jQuery – jQuery Mobile a. JavaScript JavaScript (có phần mở rộng .js) là một ngôn ngữ lập trình dạng kịch bản dựa trên đối tƣợng đƣợc phát triển từ các ý niệm nguyên mẫu. Ngôn ngữ đƣợc sử dụng rộng rãi trên các trang web, nhƣng cũng đƣợc dùng để tạo khả năng viết script sử dụng đối tƣợng có sẵn trong các ứng dụng. Giống Java, JavaScript có cú pháp tƣơng tự C, nhƣng gần giống với Self hơn Java. Hiện nay, có rất nhiều framework, libraries đƣợc viết bằng ngôn ngữ JavaScript: - jQuery: Một thƣ viện mạnh mẽ và thông dụng. - AngularJS: Một thƣ viện xây dựng ứng dụng Single Page.
  • 33. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 19 - NodeJS: Một thƣ viện đƣợc phát triển phía Server dùng để xây dựng ứng dụng realtime. - Firebase: Một nền tảng di động dùng lƣu trữ dữ liệu theo thời gian thực. b. jQuery và jQuery Mobile jQuery là một thƣ viện kiểu mới của JavaScript, đƣợc tạo bởi John Resig vào năm 2006. jQuery làm đơn giản hóa việc truyền tải HTML, xử lý sự kiện, tạo hiệu ứng động và tƣơng tác với Ajax. jQuery Mobile là một Framework đƣợc phát triển tƣơng tự nhƣ jQuery nhƣng đƣợc xây dựng cho các ứng dụng chạy trên thiết bị di động (điện thoại hoặc máy tính bảng). Hiện nay, jQuery chạy trên hầu hết thiết bị smartphone và tablet nhƣ: iOS, Android, Windows Phone, symbian, BlackBerry… jQuery Mobile đƣợc xây dựng dựa trên các cú pháp của jQuery, ngoài ra jQuery Mobile còn đi kèm một file CSS để giúp ngƣời lập trình dễ dàng xây dựng giao diện trên nền tảng HTML5, CSS3, JavaScript và Ajax. CÔNG NGHỆ WEB 2.0 VÀ AJAXV. Web 2.0 đƣợc xem là một cuộc cách mạng trên thế giới mạng, thế hệ web mới có những thay đổi quan trọng không chỉ ở nền tảng công nghệ (RSS, SOA, Ajax…) mà còn cả ở cách thức sử dụng - hình thành nên môi trƣờng cộng đồng. Ajax viết tắt của Asynchronous JavaScript and XML (tạm dịch JavaScript và XML không đồng bộ) là một nhóm công nghệ phát triển web đƣợc sử dụng để tạo ứng dụng web động hoặc các ứng dụng giàu tính Internet (rich Internet Application) tƣơng tác, nhanh hơn và mƣợt mà hơn với sự giúp đỡ của XML, HTML, CSS và JavaScript. Ajax cho phép các trang web đƣợc cập nhật một cách không đồng bộ bằng cách trao đổi các lƣợng dữ liệu nhỏ với Server thông qua các phƣơng thức POST hoặc GET. Tức là Ajax giúp cập nhật các phần nhỏ trong trang mà không cần tải lại toàn bộ trang (nhờ vào đối tƣợng XMLHttpRequest). Đối tƣợng XMLHttpRequest là chìa khóa then chốt của kỹ thuật Ajax. Tất cả trình duyệt Web hiện đại (Chrome, IE7+, FireFox, Safari và Opera) đều đã đƣợc hỗ trợ đối tƣợng XMLHttpRequest. Đối tƣợng này cho phép trao đỗi dữ liệu với một Server
  • 34. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 20 dƣới dạng chạy nền, khi đó trang web có thể cập nhật các phần nhỏ của trang mà không cần phải load lại toàn bộ trang web. Dữ liệu trả về của XMLHttpRequest là XML, JSON hoặc định dạng thuần của văn bản. Ví dụ: Dùng XMLHttpRequest trả về JSON và lƣu vào localStorage var http = new XMLHttpRequest(); parameter = parameter || null; var value = name.split(":"); name = value[0]; var url = link + name; http.open("POST", url, true); http.responseType = "json"; http.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); http.onreadystatechange = function () { if (http.readyState === XMLHttpRequest.DONE) { var local = ""; if (value.length > 1) local = value[1]; window.localStorage.setItem(name + local, JSON.stringify(http.response)); } } http.send(parameter); GIAO THỨC TRUYỀN TẢI THƢ TÍN SMTPVI. SMTP viết tắt của Simple Mail Transfer Protocol (Giao thức truyền tải thƣ tín đơn giản) là một chuẩn tải thƣ điện tử qua mạng Internet. SMTP là một giao thức dùng nền văn bản và tƣơng đối đơn giản. Trƣớc khi một thông điệp đƣợc gửi, ngƣời ta có thể định vị một hoặc nhiều địa chỉ nhận cho thông điệp - những địa chỉ này thƣờng đƣợc kiểm tra về sự tồn tại trung thực của chúng. Cổng mặc định của SMTP: - SMTP AUTH: Port 25 hoặc 587 - SMTP SSL: Port 465 - SMTP StartTLS: Port 587
  • 35. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 21 Để xác định trình chủ SMTP của một tên miền nào đấy, ngƣời ta dùng một mẫu tin MX của DNS. Hiện nay, có hơn 40 nhà cung cấp dịch vụ email thông dụng nhƣ: yahoo.com, mail.com, Hotmail, iCould, Google… Đối với Google cần thiết lập cấu hình SMTP nhƣ sau: - Máy chủ SMTP: smtp.gmail.com - Yêu cầu SSL: Có - Yêu cầu TLS: Có (Nếu có) - Yêu cầu xác thực: Có - Cổng cho SSL: 465 - Cổng cho TLS/STARTTLS: 587 Nếu bạn sử dụng Gmail với tài khoản cơ quan hoặc trường học của mình, hãy nhập mail.domain.com, sau đó chọn cổng 110. PHƢƠNG THỨC MÃ HÓA DỮ LIỆU BASE-64 VÀ MD5VII. 2.VII.1. Mã hóa Base-64 Base64 là một chƣơng trình mã hóa chuỗi ký tự bằng cách dùng thay thế các ký tự trong bảng mã ASCII 8 bit thông dụng thành bảng mã 6 bit. Nó thƣờng đƣợc sử dụng để mã hóa các tập tin đa phƣơng tiện (hình ảnh, âm thanh, video…). Ký tự 64 trong Base64 là đại diện cho 64 ký tự trong bảng mã ASCII. Base64 thƣờng đƣợc sử dụng trong việc truyền tải email. Tuy nhiên, ngày nay ngƣời ta đã sử dụng nó vào việc truyền tải hình ảnh trên website. Chuẩn Base64 là một tập hợp gồm 64 ký tự bắt đầu từ giá trị 0 đến 63 (theo đúng thứ tự): ký tự từ A đến Z biểu diễn cho các giá trị từ 0 đến 25, từ a đến z biểu diễn cho giá trị từ 26 đến 51, từ 0 đến 9 biểu diễn cho giá trị từ 52 đến 61, dấu + biểu diễn cho giá trị 62, dấu / biểu diễn cho giá trị 63. 2.VII.2. Mã hóa MD5 Viết tắt của Message-Digest algorithm 5 (Giải thuật Tiêu hóa tin 5) là một hàm băm mật mã học đƣợc diễn tả bằng một số hệ thập lục phân 32 ký tự, theo chuẩn RFC 1321, các chƣơng trình MD5 thƣờng đƣợc gọi là MD5Sum. Nó đƣợc dùng để tạo ra
  • 36. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 22 một chuỗi 128 bit duy nhất từ một chuỗi dữ liệu nhập bất kỳ, và vì thế thƣờng đƣợc dùng để kiểm tra tính toàn vẹn dữ liệu của một tập tin. ADOBE PHONEGAPVIII. Về cơ bản loại ứng dụng mobile đƣợc chia thành 3 loại: Native app, Hybrid app và Web app. Mỗi loại có ƣu nhƣợc điểm riêng: - Native app thì có lẽ quá quen thuộc, đó chính là sử dụng Java để lập trình Android, Objective-C hay Swiff để lập trình iOS, C# để lập trình Window Phone… Những ứng dụng này đƣợc thiết kế để chạy riêng trên những hệ điều hành nhất định, còn muốn chạy trên hệ điều hành khác thì phải code lại từ đầu. - Với Web app thì có thể chạy trên tất cả các hệ điều hành mà chỉ cần trình duyệt, bạn vào trình duyệt gõ địa chỉ là có thể truy cập đƣợc, ví dụ: m.facebook.com,… - Còn Hybrid app, hay còn gọi là ứng dụng lai (Adobe PhoneGap là một trong những công cụ thuộc loại ứng dụng này). Nó là sự kết hợp của cả Native app lẫn Web app. PhoneGap là một công cụ phát triển ứng dụng di động viết một lần biên dịch ra các hệ điều hành: iOS, Android, Windows Phone, BlackBerry, webOS, Bada, Symbian. Cho phép phát triển ứng dụng từ HTML, CSS, JavaScript. PhoneGap là mã nguồn mở miễn phí phát triển bởi Nitobi, nhƣng đằng sau có sự đóng góp của IBM, RIM và Microsoft. Tuy nhiên, năm 2011 đƣợc Adobe mua lại và đƣợc Adobe sử dụng cho dự án Apache Cordova. Đến nay, do sự phát triển mạnh mẽ của hai hệ điều hành lớn: iOS, Android, khiến hãng sản xuất mặc định sẵn khi tạo project chỉ build đƣợc 2 hệ điều hành này. Nếu muốn phát triển thêm hệ điều hành khác, ngƣời lập trình cần phải cấu hình trong file config.xml của dự án.
  • 37. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 23 Hình 2-6. Mô phỏng cách build trong PhoneGap YAHOO! WEATHER APIIX. Adam Cahen, phó chủ tịch cao cấp phụ trách các sản phẩm mobile của Yahoo cho biết: “Cái chúng tôi muốn làm đó là “cảm nhận” được thời tiết. Bạn nhìn vào những con số trên biểu đồ nhưng cái bạn thật sự muốn là cảm nhận được tình trạng thời tiết. Ý tưởng đơn giản đó là khi chúng ta muốn biết về thời tiết, chúng ta thật sự muốn nhìn thấy chúng thật sự như thế nào.”. Ảnh thay đổi theo hoàn cảnh thời tiết và giờ giấc trong ngày. Những bức ảnh thay đổi liên tục. Ngoài thông tin nhiệt độ, ứng dụng Yahoo! Weather còn bổ sung các thông tin dự báo, giờ mặt trời mọc và lặn, hƣớng gió và áp suất. Ngoài những tính năng Yahoo! Weather cung cấp trên ứng dụng của họ, mà còn phát hành API cho các ngƣời dùng có thể tích hợp Yahoo! Weather vào ứng dụng của mình thông qua đƣờng dẫn: https://developer.yahoo.com/weather. GOOGLE MAPS APIX. Google Maps là một ứng dụng bản đồ trực tuyến đƣợc Google phát triển, nó có thể nhúng vào các trang web, ứng dụng của bên thứ ba một cách miễn phí từ Google Maps API. Có rất nhiều tiện ích nâng cao giúp ngƣời dùng tìm kiếm đƣờng đi, tra cứu các địa điểm, các địa danh… Google Maps API hiện nay đã phát triển cho 4 nền tảng: Android, iOS, Web và WebService. Để sử dụng đƣợc Google Maps API, ngƣời dùng cần phải có API Key đƣợc cung cấp miễn phí tại trang: https://console.developers.google.com.
  • 38. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 24 CHƢƠNG 3. PHÂN TÍCH – THIẾT KẾ HỆ THỐNG XÁC ĐỊNH CÁC ACTORI. 3.I.1. Quản trị viên Đƣợc chia thành 2 chức vụ: - Ngƣời đăng bài: có quyền đăng, chỉnh sửa bài viết của mình. Đồng thời có thể xem bài viết của ngƣời đăng khác và xem nội dung các chức năng của admin; giúp cho ngƣời đăng bài có thể kiễm tra nội dung và báo lại cho Quản trị viên để đƣợc điều chỉnh nếu có sai sót. - Ngƣời quản trị viên: có quyền của một Ngƣời đăng bài, nhƣng có thể thêm hoặc chỉnh sửa các danh mục, chặn tài khoản ngƣời dùng, thêm tài khoản admin. 3.I.2. Ngƣời dùng ứng dụng Là ngƣời có nhu cầu tìm kiếm địa điểm du lịch bên trong web hoặc ứng dụng. Có thể dùng tài khoản của mình để bình chọn địa điểm. XÁC ĐỊNH CÁC USECASEII. 3.II.1. Quản trị viên - Quản trị danh mục của bài viết. - Quản trị nội dung các bài viết. - Quản trị ngƣời dùng trang Admin. - Quản trị tài khoản ngƣời dùng ứng dụng. - Thống kê lƣợt thích. 3.II.2. Ngƣời dùng ứng dụng - Xem nội dung bài viết - Xem bản đồ. - Quản lý thông tin tài khoản.
  • 39. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 25 MÔ HÌNH TƢƠNG TÁC GIỮA NGƢỜI DÙNG VÀ HỆ THỐNGIII. Dựa vào các thông tin ở mục I. XÁC ĐỊNH CÁC ACTOR và II. XÁC ĐỊNH CÁC USECASE từ đó thu đƣợc kết quả: - Sơ đồ tổng thể: biểu diễn tổng quát về các mối quan hệ giữa ngƣời dùng và hệ thống. - Sơ đồ phân rã: biểu diễn các mối quan hệ giữa ngƣời dùng và hệ thống một cách chi tiết hơn. 3.III.1. Sơ đồ Usecase tổng thể Hình 3-1. Sơ đồ Usecase tổng thể
  • 40. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 26 3.III.2. Sơ đồ phân rã Actor Quản trị viên a. Quản trị ngƣời dùng trang admin Hình 3-2. Usecase quản trị người dùng trang admin b. Quản trị tài khoản ngƣời dùng ứng dụng Hình 3-3. Usecase Quản trị người dùng ứng dụng
  • 41. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 27 c. Quản trị danh mục bài viết Hình 3-4. Usecase quản trị danh mục bài viết d. Thống kê lƣợt thích Hình 3-5. Usecase thống kê lượt thích
  • 42. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 28 e. Quản trị nội dung các bài viết Hình 3-6. Usecase quản trị nội dung bài viết 3.III.3. Sơ đồ phân rã Actor Ngƣời dùng ứng dụng a. Xem nội dung bài viết Hình 3-7. Usecase xem nội dung bài viết
  • 43. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 29 b. Xem bản đồ Hình 3-8. Usecase xem bản đồ c. Quản lý thông tin tài khoản Hình 3-9. Usecase quản lý thông tin tài khoản
  • 44. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 30 SƠ ĐỒ CLASSIV. Hình 3-10. Sơ đồ Class
  • 45. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 31 SƠ ĐỒ TUẦN TỰ CÁC CHỨC NĂNG CHÍNHV. 3.V.1. Sơ đồ tuần tự xuất file ảnh từ cơ sở dữ liệu Hình 3-11. Xuất file ảnh từ cơ sở dữ liệu 3.V.2. Sơ đồ tuần tự ứng dụng ajax vào đề tài Hình 3-12. Sơ đồ tuần tự hoạt động ajax trong ứng dụng
  • 46. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 32 3.V.3. Sơ đồ tuần tự chức năng đăng nhập a. Đăng nhập trang ứng dụng (Web và Android) Hình 3-13. Sơ đồ tuần tự chức năng đăng nhập trang ứng dụng b. Đăng nhập trang admin Hình 3-14. Sơ đồ tuần tự chức năng đăng nhập trang admin
  • 47. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 33 KIẾN TRÚC HỆ THỐNGVI. Hình 3-15. Sơ đồ hoạt động tổng thể Với sơ đồ trên có thể thấy, Database (SQL Server) đƣợc tƣơng tác thông qua Web Server ASP.NET bằng ADO.NET (phƣơng thức LINQ). Trong Web Server, sẽ có: - Trang quản trị: tại đây, sẽ có các trang dùng để quản trị nội dung (thông tin Huyện/TP, danh mục, bài viết), thống kê lƣợt thích, quản lý tài khoản trang admin và ứng dụng. - Trang API: dùng phƣơng thức LINQ để tƣơng tác với Database, đồng thời trả về kết quả JSON khi Ứng dụng gọi đến phƣơng thức nào đó trong trang API. Ứng dụng (có thể là Website, Android…) sẽ gửi yêu cầu bằng AJAX đến trang API trong Web Server.
  • 48. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 34 MÔ HÌNH CƠ SỞ DỮ LIỆUVII. Hình 3-16. Mô hình Cơ sở dữ liệu CTChung MaCTC int UserName varchar(50) MaHuyen int MaLoai int TenCTChung nvarchar(50) DiaChi nvarchar(50) ToaDo nvarchar(300) NDGioiThieu varchar(MAX) AnhMoTa ntext KoHoatDong bit Column Name Data Type Allow Nulls HuyenTP MaHuyen int TenHuyen nvarchar(50) GioiThieuHuyen nvarchar(MAX) Column Name Data Type Allow Nulls TaiKhoanAdmin UserName varchar(50) Password varchar(32) Email varchar(50) DateTimePassword datetime Lock bit FullName nvarchar(50) Admin bit Column Name Data Type Allow Nulls YeuThich NgayGio datetime TenDangNhap varchar(150) MaCTC int Column Name Data Type Allow Nulls NguoiDung TenDangNhap varchar(150) HoTen nvarchar(50) MatKhau varchar(32) NgayTaoTaiKhoan date NgaySuaMatKhau datetime MaXN nvarchar(50) Chan bit Column Name Data Type Allow Nulls TTCT MaTTCT int MaCTC int TenTTCT nvarchar(50) NDGioiThieuTTCT nvarchar(MAX) AnhMoTaTTCT ntext KoHoatDongTTCT bit DiaChiTTCT nvarchar(50) MaHuyen int ViTriTTCT int Column Name Data Type Allow Nulls LoaiDanhMuc MaLoai int TenLoaiDM nvarchar(50) TrangThaiDM bit IconDM ntext Column Name Data Type Allow Nulls
  • 49. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 35 TỔ CHỨC BẢNG DỮ LIỆUVIII. Từ những kết quả phân tích sơ đồ và mô hình ở các mục trên, thu đƣợc kết quả danh sách các bảng dữ liệu bao gồm các cột: tên cột, kiểu dữ liệu, khóa chính, allow null, khóa ngoại và diễn giải. Nhƣ sau: Bảng 3-1. Tổ chức bảng dữ liệu Tên cột Kiểu dữ liệu Khóa chính Allow null Khóa ngoại Diễn giải HuyenTP (Huyện Thành Phố) MaHuyen Int  Mã huyện TenHuyen Nvarchar(50) Tên huyện GioiThieuHuyen Nvarchar(max)  Nội dung giới thiệu huyện LoaiDanhMuc (Loại danh mục) MaLoai Int  Mã loại danh mục TenLoaiDM Nvarchar(50)  Tên loại danh mục TrangThaiDM Bit  Trạng thái danh mục IconDM Ntext  Biểu tƣợng danh mục TaiKhoanAdmin (Tài khoản Admin) Username Varchar(50)  Tên đăng nhập admin Password Varchar(32) Mật khẩu Email Varchar(50) Email DateTimePassword Datetime Ngày giờ mật khẩu Lock Bit  Chặn tài khoản FullName Nvarchar(50) Họ tên admin Admin Bit  Phân quyền (admin, poster) CTChung (Chi tiết chung) MaCTC Int  Mã chi tiết chung Username Varchar(50)   Tên đăng nhập admin MaHuyen Int   Mã huyện
  • 50. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 36 MaLoai Int  Mã loại danh mục TenCTChung Nvarchar(50) Tên chi tiết chung DiaChi Nvarchar(50)  Địa chỉ ToaDo Nvarchar(300)  Tọa độ (kinh độ, vĩ độ) NDGioiThieu Varchar(max)  Nội dung giới thiệu AnhMoTa Ntext  Ảnh mô tả KoHoatDong Bit  Không hoạt động TTCT (Thông tin chi tiết) MaTTCT Int  Mã thông tin chi tiết MaCTC Int  Mã chi tiết chung MaHuyen Int   Mã huyện Ten Nvarchar(50)  Tên thông tin chi tiết NDGioiThieuTTCT Nvarchar(max) Nội dung giới thiệu AnhMoTaTTCT Ntext  Ảnh mô tả KoHoatDongTTCT Bit  Không hoạt động DiaChiTTCT Nvarchar(50)  Địa chỉ ViTriTTCT Int  Vị trí sắp xếp NguoiDung (Người dùng) TenDangNhap Varchar(50)  Tên đăng nhập ngƣời dùng HoTen Nvarchar(50) Họ tên MatKhau Varchar(32) Mật khẩu NgayTaoTaiKhoan Date Ngày tạo tài khoản NgaySuaMatKhau DateTime Ngày sửa mật khẩu MaXN Nvarchar(50)  Mã xác nhận Chan Bit  Chặn ngƣời dùng YeuThich (Yêu thích) TenDangNhap Varchar(50)  Tên đăng nhập ngƣời dùng MaCTC Int  Mã chi tiết chung NgayGio Datetime  Ngày giờ yêu thích
  • 51. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 37 CHƢƠNG 4. DEMO – TRIỂN KHAI THỰC TẾ TRANG QUẢN TRỊ NỘI DUNGI. Trang web demo chạy thực tế: https://t4travel.t4vn.com/Manage/Login/. Ngƣời dùng hệ thống truy cập vào địa chỉ trang quản trị, sẽ yêu cầu đăng nhập bao gồm Tên đăng nhập và Mật khẩu; tạm thời chức năng lựa chọn Địa điểm chƣa đƣợc phát triển, chỉ hiện mặc định là Đồng Tháp. - Nếu ngƣời dùng nhập sai Tên đăng nhập hoặc Mật khẩu hoặc tài khoản bị khóa, Hệ thống sẽ thống báo cụ thể trên giao diện. Đối với chức năng đăng nhập của trang Admin. - Nếu trƣờng hợp quên thông tin đăng nhập (tên đăng nhập, mật khẩu hoặc email), ngƣời dùng chỉ có cách liên hệ Ban Quản Trị để cấp lại tài khoản mới hoặc cập nhật lại tài khoản. Hình 4-1. Giao diện trang đăng nhập Sau khi ngƣời dùng đăng nhập thành công, hệ thống sẽ gửi mã xác nhận vào email của tài khoản. Mã xác nhận tài khoản, chỉ đƣợc phép sử dụng trên một máy, một trình duyệt, một thời điểm (mã sẽ mất hiệu lực khi reload lại trang).
  • 52. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 38 Hình 4-2. Mã xác nhận email Giao diện trang chủ sau khi đã đăng nhập thành công: Hình 4-3. Giao diện trang chủ Admin Tại đây, ngƣời dùng có thể thay đổi họ tên, email hoặc mật khẩu (có thể bỏ trống trong trƣờng hợp không muốn thay đổi mật khẩu). Ngoài ra, có thể xem nhanh các thông tin: số lƣợt yêu thích, số ngƣời dùng đã đăng ký tài khoản, danh mục, dữ liệu danh mục.
  • 53. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 39 4.I.1. Tài khoản admin Hình 4-4. Giao diện trang tài khoản admin Trang quản trị sẽ có 2 dạng tài khoản: - Tài khoản ngƣời đăng bài: có chức năng đăng các bài viết theo danh mục, có chức năng xem nội dung của mục Quản lý. - Tài khoản admin: có chức năng của một tài khoản ngƣời đăng bài, nhƣng có thể thêm hoặc chỉnh sửa các chức năng quản lý (Tài khoản admin, Quản lý danh mục, Thông tin Huyện, Ngƣời dùng) và xem thống kê Yêu thích. Tại đây, ngƣời dùng tài khoản admin có thể Thêm tài khoản quản trị hoặc tài khoản ngƣời đăng bài: tên đăng nhập, email và họ tên (mật khẩu sẽ gửi về địa chỉ email đã đăng ký). Sau khi tạo thành công, tài khoản sẽ ở trạng thái Khóa cho đến khi Ban Quản Trị trang web kích hoạt qua câu lệnh truy vấn trong SQL Server. Riêng tài khoản admin có quyền chặn hoặc bỏ chặn tài khoản ngƣời đăng bài; chức năng này không có quyền đối với Admin – Admin hoặc ngƣời dùng đăng bài chặn (bỏ chặn) tài khoản admin.
  • 54. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 40 Hình 4-5. Pop-up tạo tài khoản Mật khẩu gửi vào email sẽ đƣợc random bằng thuật toán của hàm Random, đồng thời kết hợp với mã hóa của hệ thống và gửi vào email với đoạn mã hóa dài 32 ký tự (mã hóa MD5). Có nghĩa là mật khẩu sẽ đƣợc mã hóa 2 lần: lần đầu tiện là random (mật khẩu gốc) lƣu vào Cơ sở dữ liệu đồng thời, kết hợp với một số thuật toán của hệ thống để cho ra thêm 1 đoạn mã hóa khác gửi vào email; lúc này mật khẩu đƣợc mã hóa khác hoàn toàn với đoạn mã hóa có trong cơ sở dữ liệu.
  • 55. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 41 Hình 4-6. Lưu đồ giải thuật mã hóa mật khẩu Mật khẩu chỉ đƣợc cấp một lần và sẽ không thể chỉnh sửa bằng giao diện trang web; nếu quên mật khẩu này, ngƣời dùng tài khoản chỉ có thể liên hệ đến Ban Quản Trị để cấp lại tài khoản hoặc khởi tạo lại mật khẩu khác.
  • 56. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 42 Hình 4-7. Mật khẩu tài khoản admin 4.I.2. Quản lý danh mục Trang Quản lý danh mục, sẽ có 3 chức năng chính: Thêm, chỉnh sửa và tạm ngƣng (ẩn). Ngƣời dùng có Tài khoản Admin có thể thêm hoặc chỉnh sửa Tên hoặc icon danh mục; nếu ngƣời dùng muốn xóa phải liên hệ Ban Quản Trị hoặc nhấn Tạm ngƣng để ẩn ngoài giao diện trang ứng dụng (Web và Android). Hình 4-8. Giao diện trang Quản lý danh mục
  • 57. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 43 4.I.3. Thông tin Huyện/TP Tại trang Thông tin quản lý Huyện và Thành phố này, sẽ cho phép ngƣời dùng thêm, sửa thông tin của tên và nội dung giới thiệu (soạn thảo bằng HTML) Huyện và Thành phố. Hệ thống sẽ hiển thị nội dung Xem trƣớc và Thống kê tổng số thành phố (TP.), thị xã (TX.) và huyện. Hình 4-9. Giao diện Thông tin Huyện/TP 4.I.4. Quản lý ngƣời dùng Tại đây, hệ thống sẽ thống kê số lƣợng ngƣời đã đăng ký sử dụng ứng dụng trên Web và Android (Tên đăng nhập, Họ và tên, Ngày tạo tài khoản, Ngày sửa mật khẩu và Thống kê tổng lƣợt yêu thích). Ngƣời dùng sử dụng tài khoản admin để chặn tài khoản ngƣời dùng nào đó bằng cách nhấn vào checkbox.
  • 58. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 44 Hình 4-10. Giao diện quản lý người dùng 4.I.5. Thống kê yêu thích Trang thống kê yêu thích sẽ thống kê lƣợt ngƣời dùng nhấn yêu thích bài viết theo danh mục dạng biểu đồ tròn và chia thành các màu khác nhau. - Khi ngƣời dùng đƣa chuột vào vùng màu trên biểu đồ sẽ hiển thị mã, tên và số lƣợt yêu thích - Nếu ngƣời dùng không muốn hiển thị Danh mục nào đó trên biểu đồ, chỉ cần nhấn vào chú thích trên biểu đồ; hệ thống sẽ tự động loại bỏ và thống kê lại. - Muốn xem chi tiết tổng lƣợt yêu thích trên từng bài viết, ngƣời dùng chỉ cần nhấn vào vùng màu trên biểu đồ.
  • 59. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 45 Hình 4-11. Thống kê và chức năng trang lượt yêu thích 4.I.6. Trang hiển thị bài viết Bên trái trang web sẽ có các menu: Tất cả, danh sách các danh mục. Nếu danh mục đƣợc đánh dấu Tạm ngƣng, danh mục đó sẽ không đƣợc hiển thị trên menu. - Đối với hiển thị tất cả bài viết: + Không có nút thêm, ngƣời dùng muốn thêm bài viết thuộc danh mục nào đó phải vào trong danh mục để thêm (có thể nhấn vào menu hoặc cột Danh mục trong bảng danh sách). + Có chức năng hiển thị số bài viết tốt đa: 10, 25, 50 và 100. + Công cụ tìm kiếm (một ô cho các cột trong bảng), ngƣời dùng có thể search theo bất kỳ nội dung nào trong bảng bằng 1 ô textbox tìm kiếm. Hệ thống tự động cho ra kết quả theo dữ liệu đã có trong bảng.
  • 60. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 46 Hình 4-12. Giao diện hiển thị tất cả bài viết - Đối với hiển thị theo danh mục: Có chức năng hiển thị số bài viết và công cụ tìm kiếm tƣơng tự nhƣ hiển thị tất cả bài viết; tuy nhiên bổ sung thêm nút Thêm để đăng bài viết và không hiển thị cột Danh mục trong bảng danh sách.
  • 61. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 47 Hình 4-13. Hiển thị bài viết Khu mua sắm 4.I.7. Chức năng đăng và sửa bài viết Tại mục 4.I.6 trang 45, khi ngƣời dùng nhấn vào nút Thêm hoặc Sửa hệ thống sẽ chuyển đến chức năng đăng và sửa bài viết. - Đối với chức năng Thêm mới bài viết: tại giao diện đăng bài ngƣời dùng tài khoản admin hoặc tài khoản ngƣời đăng bài đều có thể sử dụng chức năng này. Với các ô nhập liệu: + Tên: Tên của bài viết (tên địa điểm, lễ hội…), bài viết sẽ đƣợc phân loại cụ thể qua danh mục đã chọn (không thể thay đổi lại loại danh mục). + Địa chỉ: ngƣời dùng chỉ cần gõ đầy đủ địa chỉ; phần huyện, thị xã hoặc thành phố sẽ đƣợc chọn bởi combo box bên cạnh. + Tọa độ: nếu ngƣời dùng biết cụ thể tọa độ (kinh độ và vĩ độ) của địa chỉ trên Google Maps có thể gõ trực tiếp vào ô này hoặc có thể sử dụng tính năng Lấy tọa độ (bằng cách nhấn vào nút Mở bản đồ) hệ thống sẽ tự động lấy địa chỉ và combobox để gán vào textbox; lúc này ngƣời dùng cần chọn vào textbox 1 lần nữa để hiển thị gợi ý địa điểm chính xác trên Google Maps (nếu trƣờng hợp không tìm thấy gợi ý cần phải gõ thêm Tên địa điểm của phần tên bài viết để lấy tọa độ chính xác) sau
  • 62. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 48 khi nhấn vào gợi ý việc cuối cùng là nhấn vào nút Lấy tọa độ sẽ tự động gán vào textbox Tọa độ. Hình 4-14. Lấy tọa độ Google Maps tự động từ địa chỉ đã nhập + Giới thiệu: Nội dung bài viết, có 2 chế độ soạn thảo: trực tiếp bằng giao diện hoặc soạn thảo bằng thẻ HTML. + Ảnh mô tả: Hiện tại hệ thống chỉ hỗ trợ ngƣời dùng thêm những hình ảnh có định dạng JPG (*.jpg), ngoài ra ở mục này hình ảnh sẽ đƣợc điều chỉnh tự động kích thƣớc 470x310 (width: 470px và height: 310px) vì đây là kích thƣớc đã đƣợc điều chỉnh cho ứng dụng. Hình 4-15. Thông báo điều chỉnh kích thước hình ảnh + Khi nhấn nút Lƣu, hệ thống chỉ lƣu bài (phần màu đỏ) không thực hiện lƣu các khu vực khác và sẽ reload lại trang (chuyển sang chức năng thêm bài viết mới,
  • 63. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 49 không hiện lại bài viết cũ) vì thế nếu ngƣời dùng muốn chỉnh sửa bài viết cần phải nhấn nút Trở về và chọn lại bài viết vừa tạo để chỉnh sửa. Hình 4-16. Giao diện đăng bài viết mới - Đối với chức năng Sửa bài viết: giao diện chỉnh sửa bài viết tƣơng tự nhƣ Thêm bài viết. Nhƣng sẽ bổ sung Thêm thông tin chi tiết (phần màu xanh lục): Tên, địa chỉ, vị trí (vị trí sắp xếp), nội dung, hình ảnh (hình ảnh cũng đƣợc điều chỉnh kích thƣớc 470x310), xem thử. Tại chức năng Thêm thông tin chi tiết này, mỗi phần điều có 4 chức năng khác: Lƣu (Thêm nếu chƣa có hoặc sửa nếu đã tồn tại), Xóa (Sẽ xóa thông tin chi tiết khỏi cơ sở dữ liệu), Xóa ảnh (Cần nhấn Lƣu mới có hiệu lực), Ẩn (nếu không muốn hiển thị ngoài giao diện).
  • 64. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 50 Bài viết cũng có thể cập nhật chỉnh sửa lại loại danh mục, bằng cách nhấn vào combobox danh mục.
  • 65. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 51 Hình 4-17. Giao diện chỉnh sửa bài viết
  • 66. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 52 ỨNG DỤNG WEB VÀ ANDROIDII. Có thể sử dụng app tại: - Web: t4travel.t4vn.com/app. - Android: play.google.com/store/apps/details?id=com.t4vn.t4travel.DongThap. Hình 4-18. Tải ứng dụng T4Travel DongThap Hai nền tảng Web và Android điều có giao diện và thao tác giống nhau, với sự tƣơng thích cao trên tất cả kích thƣớc màn hình (từ SmartTivi đến màn hình SmartPhone). Tạm thời ứng dụng không hỗ trợ nền tảng SmartWatch. Đối với nền tảng Web: ngƣời sử dụng cần truy cập vào địa chỉ trang web t4travel.t4vn.com/app. Đối với nền tảng Android: sau khi ngƣời dùng tải ứng dụng về máy nhấn chọn biểu tƣợng của chƣơng trình.
  • 67. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 53 Hình 4-19. Giao diện ứng dụng Android 4.II.1. Trang chủ ứng dụng Hình 4-20. La bàn và tọa độ GPS
  • 68. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 54 a. Thông tin thời tiết Tại đây sẽ hiển thị thông tin thời tiết của ngày hôm nay bao gồm: biểu tƣợng thời tiết, nhiệt độ (độ C và độ F), độ ẩm, hơi nóng, gió, tầm nhìn xa, giờ bình minh và giờ hoàng hôn. Giúp ngƣời sử dụng ứng dụng biết đƣợc tại địa điểm hai Thành phố của Tỉnh Đồng Tháp (TP.Cao Lãnh và TP.Sa Đéc) hôm nay nhƣ thế nào. Đồng thời đƣa ra 8 ngày tiếp theo bao gồm: biểu tƣợng nhiệt độ, nhiệt độ cao nhất, nhiệt độ thấp nhất (theo độ C và độ F). Ứng dụng thời tiết đƣợc cập nhật từ Yahoo! Weather và chỉ là giá trị tham khảo có thể sẽ có sự chênh lệch so với thực tế. b. Bản đồ và La bàn Có thể nhấn vào tiêu đề để ẩn hoặc hiện nội dung. Khi ngƣời dùng nhấn vào tên Tỉnh, Thị xã hoặc Thành phố trên bản đồ; ứng dụng sẽ hiển thị nội dung liên quan (đƣợc lấy từ cơ sở dữ liệu). Ngƣời dùng cần phải kích hoạt GPS trên thiết bị, đối với các thiết bị nào không hỗ GPS sẽ lấy thông tin tọa độ qua Internet điều này có thể khiến cho vị trí bị sai so với thực tế kém chính xác hơn so với GPS. Ứng dụng còn hỗ trợ la bàn định hƣớng cho ngƣời dùng có thể dễ dàng hơn cho việc tìm kiếm đƣờng đi trên bản đồ (giấy). c. Danh sách các yêu thích Có thể nhấn vào tiêu đề để ẩn hoặc hiện nội dung. Sau khi đăng nhập thành công, nếu tài khoản đã Yêu thích nội dung bài viết nào đó sẽ đƣợc hiển thị tại đây.
  • 69. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 55 Hình 4-21. Danh sách yêu thích d. Menu đăng ký và đăng nhập Vuốt sang phải (tƣơng ứng với thao tác kéo chuột sang phải) hoặc nhấn vào biểu tƣợng trên giao diện chƣơng trình sẽ hiện menu đăng ký, đăng nhập hoặc thay đổi thông tin và đăng ký (trong trƣờng hợp đã đăng nhập thành công). Ngƣợc lại, sẽ đóng thanh menu. Hình 4-22. Menu đăng ký và đăng nhập
  • 70. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 56 - Nếu ngƣời dùng chƣa đăng nhập vào tài khoản, menu hiển thị 2 nút: đăng nhập và đăng ký. Hình 4-23 Popup đăng nhập - Ngƣợc lại, nếu đăng nhập thành công, menu hiển thị 2 nút: thay đổi thông tin và đăng xuất. e. Menu chức năng Bao gồm: Thông tin tài khoản, danh mục và gửi phản hồi (đối với trang chủ). Ngoài ra, còn có thêm các chức năng khác nhƣ: trở về trang chủ, trở về trang trƣớc, yêu thích (bỏ yêu thích).
  • 71. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 57 Hình 4-24. Menu chức năng 4.II.2. Trang gửi phản hồi Nhằm đáp ứng tốt nhu cầu và trải nghiệm của ngƣời dùng, ứng dụng cung cấp chức năng gửi phản hồi để nhằm cải thiện chất lƣợng ứng dụng đồng thời tiếp nhận những ý kiến đóng góp khác về nội dung của bài viết hoặc có nhu cầu liên hệ Ban Quản Trị. Hình 4-25. Giao diện gửi phản hồi 4.II.3. Trang đăng ký Vuốt sang phải hoặc nhấn vào biểu tƣợng để hiển thị thanh menu, sau đó nhấn Đăng ký ứng dụng sẽ chuyển sang trang Đăng ký tài khoản. Tại đây, ngƣời dùng
  • 72. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 58 cần nhập đầy đủ thông tin: Tên đăng nhập (địa chỉ email), mật khẩu và nhập lại mật khẩu một lần nữa, họ và tên ngƣời đăng ký tài khoản. Hình 4-26. Đăng ký tài khoản 4.II.4. Trang quên mật khẩu Khi nhấn quên mật khẩu (trên from đăng nhập). Ngƣời dùng nhập Tên đăng nhập (Email) để gửi mã xác nhận, sau khi gửi thành công mã xác nhận chỉ tồn tại trong 5 phút. Vì thế, ngƣời dùng cần thao tác bƣớc Thay đổi mật khẩu trong khoản thời gian nói trên.
  • 73. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 59 Hình 4-27. Chức năng quên mật khẩu 4.II.5. Trang thay đổi thông tin tài khoản Sau khi đăng nhập thành công, tại trang chủ chƣơng trình. Ngƣời dùng vuốt sang phải hoặc nhấn vào biểu tƣợng để hiển thị thanh menu, sau đó chọn Thay đổi thông tin. Ứng dụng sẽ chuyển sang trang đổi thông tin. Tại đây, nếu ngƣời dùng chỉ thay đổi họ tên; chỉ cần thay đổi ô họ tên và gõ lại mật khẩu hiện tại của tài khoản. Nếu nhập thêm mật khẩu mới và xác nhận mật khẩu mới (trùng nhau) hệ thống tự động thay đổi mật khẩu và sẽ tự động đăng xuất để yêu cầu đăng nhập lại để có hiệu lực. Nếu xảy ra vấn đề về nào khác về tài khoản, người dùng cần phản hồi cho Ban Quản Trị thông qua trang gửi phản hồi, để được trợ giúp.
  • 74. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 60 Hình 4-28. Giao diện thay đổi thông tin tài khoản 4.II.6. Trang danh sách bài viết Danh sách bài viết hiển thị theo danh mục ngƣời dùng đã chọn ngoài trang chủ, nội dung hiển thị bao gồm: hình ảnh, tên địa điểm, số lƣợt yêu thích. Trên cùng, bên phải sẽ có nút Tìm kiếm, khi nhấn vào thanh nhập tìm kiếm sẽ ẩn (trạng thái mặc định) hoặc hiện thanh tìm kiếm. Kết quả sẽ tìm kiếm theo: tên địa điểm, số lƣợt yêu thích. Danh sách sẽ hiển thị lại tất cả nếu ngƣời dùng nhấn vào nút hoặc xóa hết nội dung trên thanh nhập tìm kiếm.
  • 75. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 61 Hình 4-29. Nội dung danh sách bài viết 4.II.7. Trang nội dung bài viết Bài viết sẽ hiển thị các thông tin nhƣ sau: Tên bài viết, nội dung (nếu có). Nếu ngƣời dùng đăng nhập vào tài khoản, hệ thống sẽ hiển thị thêm nút Yêu thích (bỏ Yêu thích). Ngoài ra, cung cấp nút xem Bản đồ (bên phải trên cùng của mỗi bài viết). Ngƣời dùng cần nhấn vào Tiêu đề nội dung chi tiết để xem thông tin cụ thể.
  • 76. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 62 Hình 4-30. Giao diện nội dung bài viết 4.II.8. Xem bản đồ - Khi ngƣời dùng bật GPS hoặc chia sẻ định vị Internet (đối với thiết vị không hỗ trợ GPS) thì chƣơng trình sẽ lấy tọa độ hiện tại (kinh độ và vĩ độ) và dẫn đƣờng theo tọa độ điểm đến của bài viết (hình ảnh bên phải). - Ngƣợc lại, nếu không bật GPS chƣơng trình sẽ chỉ điểm cụ thể tọa độ. - Chức năng Xem bản đồ còn hỗ trợ hiển thị những tọa độ đã có trên cơ sở dữ liệu. - Ngoài ra, còn chọn chế độ dẫn đƣờng: Lái xe, đi bộ, xe đạp, quá cảnh.
  • 77. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 63 Hình 4-31. Trang xem bản đồ
  • 78. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 64 KẾT LUẬN VÀ ĐỀ NGHỊ KẾT QUẢ VÀ KINH NGHIỆM - Rèn luyện kỹ năng tự học và giải quyết vấn đề. - Tiếp cận nhiều hơn với công nghệ web 2.0 cũng nhƣ kỹ thuật ajax. - Tiếp cận với những tài liệu du lịch Tỉnh Đồng Tháp cũng nhƣ nƣớc Việt Nam. - Củng cố kiến thức về: lập trình web (HTML, CSS, JavaScript), ASP.NET C#, LINQ, ADO.NET, Sql Server. - Củng cố kiến thức Tiếng Anh chuyên ngành qua các nguồn tài liệu Tiếng Anh. - Biết thêm về cách sử dụng Google API, Yahoo! Weather API. - Biết thêm cách đăng ứng dụng lên Google Play qua Google Play Developer Console. - Hiểu thêm các thẻ HTML5, CSS3, jQuery Mobile, Bootstrap. - Hiểu thêm về cách mã hóa hình ảnh bằng base 64 lƣu vào cơ sở dữ liệu. - Hiểu thêm về mã hóa mật khẩu bằng MD5 sau cho không trùng lắp. - Sử dụng thành thạo hơn các công cụ Microsoft Visual Studio 2015, Microsoft SQL Server 2016, FileZilla, Adobe PhoneGap, Adobe Illustrator CC. HẠN CHẾ CỦA ĐỀ TÀI - Tốc độ xử lý của ứng dụng Android còn khá chậm. - Giao diện trang quản trị cũng nhƣ trang ứng dụng chƣa đƣợc đẹp mắt. - Ứng dụng không thể chạy offline nếu không có kết nối Internet. - Code xử lý chƣa đƣợc tối ƣu. - Nguồn dữ liệu còn quá ít so với Tỉnh Đồng Tháp. HƢỚNG PHÁT TRIỂN CỦA ĐỀ TÀI - Bổ sung tính năng Tuyến đƣờng: thiết lập lộ trình đi từ A sang B sang C… có chú thích. - Bổ sung ngôn ngữ Tiếng Anh cho ngƣời nƣớc ngoài.
  • 79. Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Trang 65 - Bổ sung tính năng Bình luận thay vì chỉ có nút Yêu thích nhƣ hiện tại. - Thêm tính năng offline cho ứng dụng, dẫn đƣờng qua GPS trên nguồn dữ liệu offline. - Cải thiện giao diện.