Đề tài Xây dựng hệ thống tìm kiếm chỗ sửa xe trên hệ điều hành iOS

i HƯƠNG 1. TỔNG QUAN ĐỀ TÀI ................................................................. 1 1.1 GIƠ I THIÊ U ĐÊ TA I ....................................... ERROR! BOOKMARK NOT DEFINED. 1.2 MU C ĐI CH CU A ĐÊ TA I ................................ ERROR! BOOKMARK NOT DEFINED. 1.3 NHIÊ M VU CÂ N THƢ C HIÊ N ....................... ERROR! BOOKMARK NOT DEFINED. 1.4 CÔNG CỤ THỰC HIỆN .................................. ERROR! BOOKMARK NOT DEFINED. 1.5 KÊ T QUA DƢ KIÊ N ĐA T ĐƢƠ C .................. ERROR! BOOKMARK NOT DEFINED. 1.6 BÔ CU C ĐÔ A N .............................................. ERROR! BOOKMARK NOT DEFINED. HƯƠNG 2. Ơ SỞ Ý THUYẾT . ERROR! BOOKMARK NOT DEFINED. 2.1 TÌM HIỂU NGÔN NGỮ LẬP TRÌNH SWIFT ERROR! BOOKMARK NOT DEFINED. 2.1.1 Giới thiệu .................................................................. Error! Bookmark not defined. 2.1.2 Đặc điểm ................................................................... Error! Bookmark not defined. 2.1.3 Điểm khác với ngôn ngữ Objective C ...................... Error! Bookmark not defined. 2.2 TÌM HIỂU VỀ WEB SERVICE ....................... ERROR! BOOKMARK NOT DEFINED. 2.2.1 Giới thiệu về Web service ........................................ Error! Bookmark not defined. 2.2.2 Đặc điểm ................................................................... Error! Bookmark not defined. HƯƠNG 3. PHÂN TÍ H THIẾT KẾ HỆ THỐNGERROR! BOOKMARK NOT DEFINED. 3.1 XÁC ĐỊNH YÊU CẦU ..................................... ERROR! BOOKMARK NOT DEFINED. 3.1.1 Y u cầu ch c n ng .................................................... Error! Bookmark not defined. 3.1.2 Y u cầu phi ch c n ng ............................................. Error! Bookmark not defined. 3.2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ....... ERROR! BOOKMARK NOT DEFINED. 3.2.1 Sơ đồ use case biểu đồ ca sửa dụng ....................... Error! Bookmark not defined. 3.2.2 Đặc tả use case .......................................................... Error! Bookmark not defined. 3.2.3 Biểu đồ tuần tự.......................................................... Error! Bookmark not defined. 3.2.4 Sơ đồ lớp ................................................................... Error! Bookmark not defined. 3.3 THIẾT KẾ CƠ SỞ DỮ LIỆU ............................ ERROR! BOOKMARK NOT DEFINED. 3.3.1 Lƣợc đồ cơ sở dữ liệu ............................................... Error! Bookmark not defined. 3.3.2 Mô tả các bảng cơ sở dữ liệu .................................... Error! Bookmark not defined. 3.4 THIẾT KẾ GIAO DIỆN ........................................................................................... 1 3.4.1 Màn hình chính ........................................................................................................... 1 3.4.2 Xem bình luận ............................................................................................................ 5 3.4.3 Màn hình thiết lập ....................................................................................................... 7 3.4.4 Đ ng nhập ................................................................................................................... 8 3.4.5 Màn hình ch c n ng qu n mật khẩu ........................................................................... 9 HƯƠNG 4. TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ .............................. 10 4.1 HÌNH ẢNH CHƢƠNG TRÌNH .............................................................................. 10 4.1.1 Demo ng dụng dành cho ngƣời dùng ..................................................................... 10 4.1.2 Demo trang web quản lý dành cho admin ................................................................ 14 4.2 HƢỚNG DẪN SỬ DỤNG ...................................................................................... 15 KẾT UẬN VÀ HƯỚNG PHÁT TRIỂN.55 ii ANH ẢNG Bảng 3 1 Bảng đặc tả use case đ ng nhập ................ Error! Bookmark not defined. Bảng 3 2 Bảng đặc tả use case ngƣời dùng xem ...... Error! Bookmark not defined. Bảng 3 3 Bảng đặc tả use case ngƣời dùng tìm kiếmError! Bookmark not defined. Bảng 3 4 Bảng đặc tả use case ngƣời dùng tạo tài khoảnError! Bookmark not defined. Bảng 3 5 Bảng đặc tả use case ngƣời dùng đ ng bình luậnError! Bookmark not defined. Bảng 3 6 Bảng đặc tả use case admin th m ngƣời dùngError! Bookmark not defined. Bảng 3 7 Bảng đặc tả use case admin cập nhật thông tin ngƣời dùngError! Bookmark not defined. Bảng 3 8 Bảng đặc tả use case admin xóa tài khoản ngƣời dùngError! Bookmark not defined. Bảng 3 9 Bảng đặc tả use case admin th m địa điểm sửa xe mớiError! Bookmark not defined. Bảng 3 10 Bảng đặc tả use case admin sửa thông tin một địa điểmError! Bookmark not defined. Bảng 3 11 Bảng đặc tả use case admin xóa một địa điểmError! Bookmark not defined. Bảng 3 12 Bảng cơ sở dữ liệu địa điểm sửa xe ........ Error! Bookmark not defined. Bảng 3 13 Bảng cơ sở dử liệu chi tiết điểm sửa xe .. Error! Bookmark not defined. Bảng 3 14 Bảng cơ sở dữ liệu bình luận .................. Error! Bookmark not defined. Bảng 3 15 Bảng cơ sở dữ liệu ngƣời dùng ............... Error! Bookmark not defined. Bảng 3 16 Bảng cơ sở dữ liệu chi tiết ngƣời dùng ... Error! Bookmark not defined. iii ANH H NH V Hình 2 1 Giao tiếp giữa client server ....................... Error! Bookmark not defined. Hình 2 2 Kiến trúc Web service ............................... Error! Bookmark not defined. Hình 3 1 Sơ đồ mô tả hoạt động của hệ thống ......... Error! Bookmark not defined. Hình 3 2 Sơ đồ use case tổng quát ........................... Error! Bookmark not defined. Hình 3 3 Sơ đồ use case ngƣời dùng ........................ Error! Bookmark not defined. Hình 3 4 Sơ đồ use case ngƣời dùng y u cầu cập nhậtError! Bookmark not defined. Hình 3 5 Sơ đồ use case admin quản lý ................... Error! Bookmark not defined. Hình 3 6 Sơ đồ use case admin quản lý ngƣời dùng Error! Bookmark not defined. Hình 3 7 Sơ đồ use case admin quản lý địa điểm .... Error! Bookmark not defined. Hình 3 8 Biểu đồ tuần tự đ ng nhập ........................ Error! Bookmark not defined. Hình 3 9 Biểu đồ ngƣời dùng xem thông tin chi tiết địa điểmError! Bookmark not defined. Hình 3 10 Biểu đồ tuần tự ngƣời dùng tìm kiếm địa điểmError! Bookmark not defined. Hình 3 11 Biểu đồ tuần tự ngƣời dùng đ ng ký tài khoảnError! Bookmark not defined. Hình 3 12 Biểu đồ tuần tự ngƣời dùng đ ng bình luậnError! Bookmark not defined. Hình 3 13 Biểu đồ tuần tự admin đ ng ký tài khoản Error! Bookmark not defined. Hình 3 14 Biểu đồ tuần tự admin cập nhật thông tin tài khoảnError! Bookmark not defined. Hình 3 15 Biểu đồ tuần tự admin xóa tài khoản ...... Error! Bookmark not defined. Hình 3 16 Biểu đồ tuần tự admin th m địa điểm sửa xeError! Bookmark not defined. Hình 3 17 Biểu đồ tuần tự admin cập nhật thông tin địa điểm sửa xeError! Bookmark not defined. Hình 3 18 Biểu đồ tuần tự admin xóa địa điểm sửa xeError! Bookmark not defined. Hình 3 19 Sơ đồ lớp tổng quát ................................. Error! Bookmark not defined. Hình 3.20 Mô tả chi tiết các lớp ............................... Error! Bookmark not defined. Hình 3 21 Lƣợc đồ cơ sở dữ liệu ............................. Error! Bookmark not defined. Hình 3 22 Mockup màn hình khi mới chạy ng dụng ............................................... 1 Hình 3 23 Mockup màn hình chọn Pin tr n bản đồ ................................................... 2 Hình 3 24 Mockup gọi điện đến số điện thoại của tiệm sửa xe ................................. 3 Hình 3 25 Mockup chỉ đƣờng .................................................................................... 4 Hình 3 26 Mockup xem bình luận khi đã đ ng nhập ................................................. 5 Hình 3.27 Mockup xem bình luận khi chƣa đ ng nhập ............................................. 6 Hình 3 28 Mockup màn hình thiết lập cho ng dụng ................................................ 7 Hình 3 29 Mockup màn hình đ ng nhập .................................................................... 8 Hình 3 30 Mockup màn hình lấy lại mật khẩu ........................................................... 9 Hình 4.1 Màn hình chính ......................................................................................... 10 Hình 4 2 Màn hình gọi điện và chỉ đƣờng ............................................................... 11 iv Hình 4.3 Màn hình xem bình luận ........................................................................... 11 Hình 4 4 Màn hình đ ng nhập .................................................................................. 12 Hình 4 5 Màn hình đề nghị cập nhật và đề nghị th m mới địa điểm ....................... 12 Hình 4 6 Màn hình thiết lập các tham số cho ng dụng .......................................... 13 Hình 4 7 Trang web đ ng nhập của admin .............................................................. 14 Hình 4 8 Trang web trang chủ ................................................................................. 14 Hình 4 9 Trang web xem chi tiết một địa điểm ....................................................... 15 d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 1 HƯƠNG 1. TỔNG QUAN ĐỀ TÀI 1.1 THIẾT KẾ GIAO IỆN 1.1.1 Màn hình chính 1.1.1.1 K i mới c ạ ứn dụn Hình 1.1 ockup màn hình khi mới chạy ứng dụng d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 2 1.1.1.2 K i click c ọn pin n bản ồ Hình 1.2 ockup màn hình chọn Pin trên bản đồ d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 3 1.1.1.3 C ức năn ọi i n oại Hình 1.3 ockup gọi điện đến số điện thoại của tiệm sửa xe d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 4 1.1.1.4 C ỉ ườn ừ vị í của n ười dùn ến i m Hình 1.4 ockup chỉ đường d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 5 1.1.2 Xem bình luận Hình 1.5 ockup xem bình luận khi đã đăng nhập d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 6 Hình 1.6 ockup xem bình luận khi chưa đăng nhập d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 7 1.1.3 àn hình thiết lập Hình 1.7 ockup màn hình thiết lập cho ứng dụng d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 8 1.1.4 Đăng nhập Hình 1.8 ockup màn hình đăng nhập d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 9 1.1.5 àn hình chức năng quên mật khẩu Hình 1.9 ockup màn hình lấy lại mật khẩu d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 10 HƯƠNG 2. TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ 2.1 H NH ẢNH HƯƠNG TR NH 2.1.1 emo ứng dụng dành cho người dùng Hình 2.1 Màn hình chính d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 11 Hình 2.2 àn hình gọi điện và chỉ đường Hình 2.3 Màn hình xem bình luận d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 12 Hình 2.4 àn hình đăng nhập Hình 2.5 Màn hình đề nghị cập nhật và đề nghị thêm mới địa điểm d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 13 Hình 2.6 àn hình thiết lập các tham số cho ứng dụng d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 14 2.1.2 emo trang web quản lý dành cho admin Hình 2.7 Trang web đăng nhập của admin Hình 2.8 Trang web trang chủ d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 15 Hình 2.9 Trang web xem chi tiết một địa điểm 2.2 HƯỚNG ẪN SỬ NG Mở cài đặt, chọn “Mạng di động” rồi bật chế độ sử dụng dữ liệu Mở ng dụng, nhấn cho phép sử dụng vị trí nếu là lần chạy đầu ti n Sau khi ng dụng đƣợc khởi chạy d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 16 1. Lựa chọn loại phƣơng tiện muốn tìm kiếm Tap để chọn và bỏ chọn 2. Kết quả tìm kiếm địa điểm sửa xe trả về từ server 3. Nút để đƣa bản đồ về vị trí hiện tại 4. Nút tải lại dữ liệu từ server. 5. Nút setting. Khi chọn một địa điểm để xem các thông tin khác, chọn địa điểm bằng cách chạm vào chính địa điểm đó: d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 17 1. Thực hiện nhanh thao tác gọi điện đến quán sửa xe 2. Nếu chƣa biết đƣờng nào đi là gần nhất để tới địa điểm sửa xe, ngƣời dùng bấm vào nút 2 để gọi chỉ đƣờng từ vị trí hiện tại của ngƣời dùng đến chổ sửa xe 3. Để xem thông tin về các lời bình luận trƣớc đó nếu có về địa điểm sửa xe này. d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 18 Màn hình này ch a danh sách các bình luận của những ngƣời dùng trƣớc đó cùng với thời gian bình luận Nếu ngƣời dùng muốn đ ng những bình luận mới của mình, bấm vào nút “Đ ng nhập để bình luận” d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 19 Nếu đã đ ng nhập, màn hình xuất hiện các nút và ô nhập nội dung bình luận: 1. Gửi y u cầu cập nhật thông tin địa điểm 2. Y u cầu xóa địa điểm 3. Ô nhập nội dung bình luận 4. Nút gửi nội dung bình luận l n server d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 20 Khi y u cầu xóa một địa điểm, ngƣời dùng phải nhập nội dung 1 là lý do tại sao lại y u cầu xóa địa điểm đó Bấm nút Gửi để xác nhận gửi 3 Bấm nút Hủy để bỏ qua 2 d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 21 Nhập các thông tin cần sửa đổi, sau đó bấm nút Cập nhật để gửi y u cầu cập nhật l n server d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 22 Khi ngƣời dùng muốn đề nghị th m một địa điểm mới vào cơ sở dữ liệu tr n server, nhấn và giữ l n bản đồ tại địa điểm đó Khi xuất hiện thông tin địa điểm, Bấm vào nút chi tiết để đến màn hình nhập các thông tin cần thiết và gửi nội dung l n server d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 23 Màn hình đ ng nhập, ngƣời dùng nhập t n đ ng nhập và mật khẩu sau đó nhấn nút Đ ng nhập d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 24 Màn hình thiết lập thông tin: 1. Chọn loại bản đồ muốn hiển thị. 2. Khoảng cách ngƣời dùng muốn tìm kiếm 3. Đ ng nhập/ đ ng xuất ngƣời dùng hiện tại Sau khi thiết lập xong, nhấn nút Xong để lƣu thông tin Đây chỉ là mục lục và demo hình ảnh của đồ án, nếu bạn cần file báo cáo full và source code hãy liên hệ qua mail doanit.com@gmail.com d n n tìm kiếm chỗ sửa xe n i n iOS SVTH: Nguy n V n Trƣờng Trang 25