Xây dựng mạng xã hội chia sẽ lộ trình du lịch hello world trên nền tảng điện thoại thông minh iphone.

ĐẠI HỌC ĐÀ NẴNG

TRƯỜNG ĐẠI HỌC SƯ PHẠM

KHOA TIN HỌC

Tel. (84-511)3841323 - 3841513, Fax. (84-511) 3842953

Website: www.edu.udn.vn E-mail: [email protected]

KHÓA LUẬN TỐT NGHIỆP

NGÀNH CỬ NHÂN CÔNG NGHỆ THÔNG TIN

ĐỀ TÀI

XÂY DỰNG MẠNG XÃ HỘI HỖ TRỢ NGƯỜI DÙNG

LẬP VÀ CHIA SẺ LỘ TRÌNH DU LỊCH

TRÊN NỀN TẢNG ĐIỆN THOẠI THÔNG MINH IPHONE

Đà Nẵng, tháng 5 năm 20012

Sinh viên : Nguyễn Lê Xuân Vinh

Lớp : 08CNTT01

Giảng viên hướng dẫn : ThS. Nguyễn Thanh Tuấn

LỜI CẢM ƠN

Tôi xin chân thành cảm ơn các thầy cô trong khoa Tin học cũng như các thầy cô

giảng dạy trong trường Đại học Sư Phạm Đà Nẵng đã truyền đạt những kiến thức

quý báu cho chúng tôi trong những năm học vừa qua.

Đặc biệt, chúng tôi xin chân thành cảm ơn thầy giáo Nguyễn Thanh Tuấn, khoa Tin

học, trường Đại học Sư Phạm đã tận tình hướng dẫn, động viên và giúp đỡ tôi trong

suốt thời gian thực hiện đề tài.

Và để có được kết quả như ngày hôm nay, tôi rất biết ơn gia đình đã động viên,

khích lệ, tạo mọi điều kiện thuận lợi nhất trong suốt quá trình học tập cũng như quá

trình thực hiện đề tài tốt nghiệp này.

Xin chân thành cám ơn giám đốc Ngô Chí Trung, cũng như các anh chị trong Công

ty AsNet đã chân thành giúp đỡ trong những lúc gặp khó khăn và các bạn trong khoa

tin học – khóa 08 đã ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm và tài liệu có

được cho tôi trong quá trình nghiên cứu và thực hiện đề tài.

Một lần nữa xin chân thành cám ơn!

Đà Nẵng, tháng 5/2012

Sinh viên thực hiện

Nguyễn Lê Xuân Vinh

LỜI CAM ĐOAN

Chúng tôi xin cam đoan :

1 Những nội dung trong luận văn này là do chúng tôi thực hiện dưới sự

hướng dẫn trực tiếp của ThS. GV. Nguyễn Thanh Tuấn

2 Mọi tham khảo dùng trong luận văn đều được trích dẫn rõ ràng tên

tác giả, tên công trình, thời gian, địa điểm công bố.

3 Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá,

chúng tôi xin chịu hoàn toàn trách nhiệm.

Đà Nẵng, tháng 5/2012

Sinh viên thực hiện

Nguyễn Lê Xuân Vinh

MỤC LỤC

MỞ ĐẦU..................................................................................8

TỔNG QUAN LÝ THUYẾT.......................................................... 11

I. Đặt vấn đề........................................................................................................... 11

II. Giải pháp thực tiễn ............................................................................................. 11

II.1. Mạng xã hội chia sẻ địa điểm và vạch lộ trình........................................11

II.2. Các vấn đề gặp phải....................................................................................17

II.2.1. Khả năng bảo mật .............................................................................. 17

II.2.2. Đã có nhiều mạng xã hội.................................................................... 19

III. Các công nghệ sử dụng....................................................................................... 19

III.1. Tổng quan về Ruby on Rails.....................................................................19

III.1.1. Giới thiệu............................................................................................ 19

III.1.2. Điểm mạnh của Ruby on Rails........................................................... 20

III.1.3. Kiến trúc mô hình MVC trong Ruby on Rails .................................... 22

III.2. Hệ điều hành iOS........................................................................................27

III.2.1. Giới thiệu............................................................................................ 27

III.2.2. Môi trường trình duyệt Safari ............................................................ 28

III.3. Công nghệ Google Maps ...........................................................................29

III.3.1. Hệ thống bản đồ của Google Maps.................................................... 29

III.3.2. Cách hoạt động của Google Maps API.............................................. 31

III.4. Các công nghệ khác....................................................................................31

III.4.1. Công nghệ HTML5 và CSS3 .............................................................. 31

III.4.2. Công nghệ jQuery Mobile ...................................................................... 33

III.4.3. Định dạng XML .................................................................................. 34

III.4.4. JSON................................................................................................... 37

III.4.5. RESTful Webservice:.......................................................................... 38

PHÂN TÍCH THIẾT KẾ HỆ THỐNG .............................................. 40

I. Phân tích yêu cầu................................................................................................ 40

I.1. Hiện trạng vấn đề .......................................................................................40

I.2. Yêu cầu đặt ra .............................................................................................40

I.3. Giải pháp .....................................................................................................40

II. Giải quyết yêu cầu.............................................................................................. 41

II.1. Kiến trúc hệ thống ......................................................................................41

II.2. Các chức năng hoạt động trên hệ thống..................................................43

III. Thiết kế hệ thống................................................................................................ 44

III.1. Use case của hệ thống ................................................................................44

III.2. Sơ đồ hoạt động của hệ thống ...................................................................46

III.3. Sơ đồ tuần tự của các chức năng...............................................................47

III.3.1. Chức năng hiển thị bản đồ ................................................................. 47

III.3.2. Chức năng đăng ký thành viên ........................................................... 48

III.3.3. Chức năng đăng nhập ........................................................................ 51

III.3.4. Chức năng Add Location.................................................................... 53

III.3.5. Chức năng Directions ........................................................................ 54

III.3.6. Chức năng Capture ............................................................................ 57

III.3.7. Chức năng Share ................................................................................ 58

III.4. Cơ sở dữ liệu của hệ thống ........................................................................60

III.4.1. Mô tả các bảng ................................................................................... 60

III.4.2. Quan hệ giữa các bảng ...................................................................... 61

III.5. Cài đặt các công cụ hỗ trợ phát triển hệ thống........................................61

III.5.1. Công cụ Aptana .................................................................................. 61

III.5.2. Công cụ hỗ trợ lập trình web iPhone trên Aptana............................. 62

III.5.3. Cài đặt Framework Ruby on Rails..................................................... 62

ĐÁNH GIÁ ............................................................................. 64

I. So sánh chức năng đề tài với các hệ thống khác ................................................ 64

II. Kết quả................................................................................................................ 65

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN............................................ 75

I. Kết luận .............................................................................................................. 75

I.1. Kết quả đạt được .........................................................................................75

I.1.1. Lý thuyết ............................................................................................. 75

I.1.2. Thực hành........................................................................................... 75

I.2. Những hạn chế của đề tài...........................................................................76

II. Hướng phát triển................................................................................................. 76

TÀI LIỆU THAM KHẢO............................................................. 77

DANH MỤC HÌNH

Hình 1: Điện thoại thông minh iPhone.......................................................................... 10

Hình 2: Mạng xã hội...................................................................................................... 12

Hình 3:Các mạng xã hội địa điểm................................................................................. 14

Hình 4: Mạng xã hội Foursquare................................................................................... 15

Hình 5: Mạng xã hội Kunkun........................................................................................ 16

Hình 6: Hệ thống lập lộ trình Tourist Eye..................................................................... 17

Hình 7: Mô hình MVC .................................................................................................. 23

Hình 8: Mô hình tuần tự của MVC ............................................................................... 24

Hình 9: Cấu trúc hoạt động của mô hình MVC. ........................................................... 25

Hình 10: Hệ điều hành iOS trên iPhone ........................................................................ 28

Hình 11: Trình duyệt Safari trên iPhone ....................................................................... 29

Hình 12: Google Maps .................................................................................................. 30

Hình 13: Ứng dụng Google Maps API vào mobile....................................................... 30

Hình 14: HTML5........................................................................................................... 32

Hình 15: CSS3............................................................................................................... 33

Hình 16: jQuery Mobile ............................................................................................... 34

Hình 17: XML ............................................................................................................... 35

Hình 18: JSON............................................................................................................... 37

Hình 19: Sơ đồ kiến trúc RESTful Webservice ............................................................ 39

Hình 20: Tổng quan hệ thống........................................................................................ 41

Hình 21: Kiến trúc hệ thống .......................................................................................... 42

Hình 22: Use-case đăng ký và đăng nhập .................................................................... 44

Hình 23: Use-case các chức năng của hệ thống ............................................................ 45

Hình 24: Sơ đồ hoạt động của hệ thống ........................................................................ 46

Hình 25: Sơ đồ tuần tự chức năng hiển thị bản đồ ........................................................ 48

Hình 26: Sơ đồ tuần tự chức năng đăng ký ................................................................... 49

Hình 27: Sơ đồ tuần tự chức năng đăng nhập ............................................................... 51

Hình 28: Sơ đồ tuần tự chức năng Add Location.......................................................... 53

Hình 29: Sơ đồ tuần tự chức năng Directions ............................................................... 55

Hình 30: Sơ đồ tuần tự chức năng Capture ................................................................... 58

Hình 31: Sơ đồ tuần tự chức năng Share....................................................................... 59

Hình 32: Table Users..................................................................................................... 60

Hình 33: Table Maps..................................................................................................... 60

Hình 34: Quan hệ giữa các bảng ................................................................................... 61

Hình 35: Cửa sổ APTANA............................................................................................ 62

Hình 36: Giao diện của hệ thống với các chức năng..................................................... 65

Hình 37: Đăng ký thành viên......................................................................................... 66

Hình 38: Đăng nhập thành viên..................................................................................... 67

Hình 39: Hệ thống sau khi đăng nhập ........................................................................... 68

Hình 40: Bản đồ hỗ trợ .................................................................................................. 69

Hình 41: Hiển thị địa danh du lịch qua các biểu tượng................................................. 70

Hình 42: Chọn địa danh................................................................................................. 71

Hình 43: Lộ trình qua các địa danh ............................................................................... 72

Hình 44: Chi tiết lộ trình ............................................................................................... 73

Hình 45: Chụp ảnh lộ trình............................................................................................ 74