SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 71
Sau khi lƣu tour u thích thì tour sẽ đƣợc lƣu vào mục tour yêu thích, giao diện của mục tour u thích nhƣ hình dƣới:
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 72 o Xóa tour đã lƣu
Nếu muốn xóa tour đã lƣu ta có thể xóa tour bằng 2 cách
Xóa trực tiếp trong tour mẫu
Xóa ở mục tour u thích
Để xóa tour mà ngƣời dùng đã lƣu, nhấn vào icon xóa tour ở trên góc phải của trang, khi nhấn vào đó hệ thống sẽ đọc đƣợc yêu cầu của ngƣời dùng là xóa tour, và hiển thị câu hỏi trƣớc khi xóa là “bạn muốn xóa tour hay khơng”, nếu đồng ý thì tour sẽ đƣợc xóa khỏi mục tour u thích, cịn nếu khơng đồng ý thì tour sẽ khơng bị xóa.
Giao diện mơ tả chức năng xóa tour nhƣ sau:
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 73
4.1.4.5. Tìm kiếm
Sử dụng Fulltext Search của MySQL để tìm kiếm thơng tin nhanh chóng và chính xác, ta có thể nhập bất cứ từ khóa nào liên quan đến nội dung mà chúng là cần tìm kiếm.
Để tiến hành tìm kiếm Fulltext trên cột dữ liệu ta cần tạo bảng dữ liệu nhƣ sau:
CREATE TABLE tb_search (
„id‟ INT(11) NOT NULL AUTO_INCREMENT, „title‟ VARCHAR(200) DEFAULT NULL, „discription‟ TEXT,
PRIMARY KEY(„id‟),
FULLTEXT KEY („title‟, „discription‟) ) ENGINE = MyISAM;
Để xác định cột chứa từ khóa cần tìm kiếm ta sử dụng câu lệnh:
FULLTEXT KEY („title‟, „discription‟)
Gán cơng cụ tìm kiếm là MyISAM ta sử dụng lệnh
ENGINE = MyISAM;
Để tìm kiếm với từ khóa cần tìm ta sử dụng câu lệnh sau:
SELECT*FROM tb_search where MATCH(title, discription) AGAINST “KEYWORD”
Tất cả các kết quả tìm kiếm sẽ đƣợc hiển thị theo danh sách và theo mức độ ƣu tiên. Giao diện của trang tìm kiếm nhƣ sau:
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 74
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 75
4.1.4.6. Tài khoản
Để quản lý ngƣời dùng thì mỗi ngƣời dùng sẽ có 1 tài khoản để đăng nhập, để đảm bảo tính duy nhất thì hệ thống sẽ quản lý bằng tài khoản email. Sử dụng thuật toán xử lý chuỗi để kiểm tra chuỗi trong cookie xem ngƣời dùng đăng nhập hay chƣa. Mật khẩu của ngƣời dùng sẽ đƣợc mã hóa trƣớc khi đƣa vào cơ sở dữ liệu bằng mã hóa MD5 để đảm bảo tính an tồn thơng tin.
Ta có đoạn mã hóa mật khẩu bằng mã hóa MD5 sau đó đƣa vào cơ sở dữ liệu
var encryptPass = crypto.createHash('md5').update(rePass ,'ascii').digest("hex");
var query = 'insert into tb_user(name, password) values("' +reName + '", "'+ encryptPass + '"' +')';
o Đăng ký
Các thông tin trong form đăng ký bao gồm:
Họ tên
Địa chỉ email
Mật khẩu
Sau khi nhập đầy đủ các thông tin, ngƣời dùng nhấn vào nút đăng ký, hệ thống sẽ tiến hành kiểm tra tài khoản ngƣời dùng đã tồn tại hay chƣa, nếu đã tồn tại thì hiển thị thơng báo và cho ngƣời dùng nhập lại thơng tin, nếu tài khoản chƣa tồn tại thì thơng báo đã đăng ký thành cơng.
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 76
Q trình đăng ký đƣợc mơ tả nhƣ sau:
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 77
Giao diện màn hình trang đăng ký đƣợc hiển thị nhƣ sau:
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 78 o Đăng nhập
Chức năng đăng nhập cho phép ngƣời dùng đăng nhập tài khoản vào hệ thống để thực hiện các thao tác lƣu, xóa tour và quản lý tour u thích của mình.
Ngƣời dùng sẽ điền thông tin đăng nhập vào form đăng nhập, gồm các thông tin:
Địa chỉ email
Mật khẩu
Hệ thống sẽ xác nhận các thông tin ở form đăng nhập, nếu tài khoản ngƣời dùng chính xác thì tiến hành đăng nhập, cịn nếu tài khoản ngƣời dùng sai thì hiện thơng báo lỗi, ngƣời dùng có thể nhập thơng tin lại.
Mật khẩu của ngƣời dùng cũng sẽ đƣợc mã hóa sau đó sử dụng kết quả đã mã hóa để đƣa vào cơ sở dữ liệu kiểm tra, đoạn code sau mơ tả q trình đó:
var lName = req.body.name,
lPassword = req.body.password,
encryptPass = crypto.createHash('md5').update( lPassword,'ascii').digest("hex");
var query = 'select * from tb_user where name="'+ lName + '" 'and password ="' + encryptPass +'"‟;
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 79
Q trình đăng nhập đƣợc mơ tả nhƣ sau:
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 80
Giao diện trang đăng nhập đƣợc hiển thị nhƣ sau:
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 81
4.2. ĐÁNH GIÁ
Có thể so sánh Danang Travel với các sản phẩm khác trên thị trƣờng. Tiêu chí Danang Travel Các sản phẩm khác Giao diện
ngƣời dùng
Đẹp, đơn giản và dễ sử dụng. Thích hợp cho nhiều loại ngƣời dùng. Một số sản phẩm có giao diện cịn rƣờm ra, khó sử dụng. Phạm vi sử dụng Sử dụng trên các thiết bị Smartphone.
Chỉ dùng cho một vài loại thiết bị nhất định.
Nội dung Giới thiệu chi tiết về thành phố
Đà Nẵng. quát, không chi tiết về từng thành Đa số là thơng tin chung, tổng phố.
Tính tƣơng tác Tƣơng tác với ngƣời dùng thông qua các chức năng nhƣ: tìm đƣờng, lƣu, xóa tour, tìm kiếm thông tin.
SVTH: Trần Thị Hồng Ánh – Lớp 09CNTT2 82
KẾT LUẬN 1.1. KẾT QUẢ ĐẠT ĐƢỢC
1.1.1. Kiến thức lý thuyết
Sau một thời gian dài thực tập và tìm hiểu về việc xây dựng web app em đã củng cố lại những kiến thức đã đƣợc học và áp dụng chúng vào thực tế để thực hiện tốt nhất đề tài của mình.Và trong quá trình xây dựng đề tài em mới thấy đƣợc ý nghĩa của những kiến thức đã đƣợc học. Đây cũng là một cơ hội để em xây dựng một web app đầu tiên với đầy đủ các quy trình đã đƣợc học trong gần 4 năm qua, cùng với những kinh nghiệm có đƣợc trong đợt thực tập cuối khóa, củng cố và phát triển đáng kể những kỹ năng lập trình và quy trình xây dựng một dự án. Biết cách ứng dụng những công nghệ mới vào việc xây dựng web app và có thể khắc phục đƣợc một số lỗi phát sinh trong quá trình thực hiện.
1.1.2. Những kinh nghiệm thực tiễn
Tích lũy đƣợc những kinh nghiệm trong việc tự học và tự nghiên cứu, đƣợc làm quen và làm việc trực tiếp trong môi trƣờng chuyên nghiệp.
Xác định đƣợc những yêu cầu thực tiễn từ ngƣời dùng và biết đƣợc một web app cần những gì. Q trình làm đồ án tốt nghiệp tại cơng ty TNHH Tin học và Thƣơng mại AsNet là một cơ hội quý báu để em r n luyện những kỹ năng trong công việc, kỹ năng giao tiếp và góp phần xây dựng mối quan hệ xã hội của bản thân. Đó cũng là một tiền đề cho cơ hội việc làm sau khi tốt nghiệp.
Hoàn thành tốt đề tài với đầy đủ những chức năng đã đề ra.
1.2. HẠN CHẾ
Chƣa triển khai hết với mọi loại kích thƣớc của Smartphone.
Chƣa cập nhật hết tồn bộ địa điểm và tour du lịch ở thành phố Đà Nẵng.
1.3. HƢỚNG PHÁT TRIỂN
Sẽ phát triển đề tài thêm một số chức năng, xây dựng giao diện đẹp mắt trở thành một sản phẩm hoàn thiện để đƣa vào sử dụng và triển khai trên tất cả các độ phân giải của Smartphone và các thiết bị nhƣ: tablet.
TÀI LIỆU THAM KHẢO
Sách:
[1] Trần Quốc Chiến. Cơ sở dữ liệu nâng cao.
[2] Dejan V Cancarevi. Front-end Guide, ISBN 978-1-257-37903-3, 2011. [3] Bruce Lawson and Remy Sharp. Introduce HTML5, CA 94710, 1249 Eighth Street 2011.
[4] Marijn Haverbeke. Eloquent javascript,ISBN-10: 1-59327-282-0, 38 Ringold Street, San Francisco, 2011.
[5] Ethan Marcotte. Responsive Web Design. [6] Shelley Powers. Learning Node.
Website:
[1] http://www.w3schools.com/. [2] http://nodejs.com/.