Xây dựng webdite chia sẻ địa điểm ăn uống đà nẵng với framework struts

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC  KHÓA LUẬN TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG WEBSITE CHIA SẺ ĐỊA ĐIỂM ĂN UỐNG ĐÀ NẴNG VỚI FRAMEWORK STRUTS Giảng viên hướng dẫn : TS NGUYỄN HỒNG HẢI Sinh viên thực : ĐINH TRÍ HÙNG Lớp : 11CNTT2 Đà Nẵng, tháng năm 2015 LỜI CẢM ƠN Để hồn thành báo cáo khóa luận tốt nghiệp này, em xin chân thành cảm ơn thầy giáo TS Nguyễn Hoàng Hải hướng dẫn, bảo tận tình giúp đỡ em thời gian qua Em xin cảm ơn thầy cô khoa Tin học Trường Đại học Sư phạm Đà Nẵng tận tình giảng dạy, truyền đạt kiến thức quý báu tạo điều kiện để em hoàn thành báo cáo Xin chân thành cảm ơn giúp đỡ, động viên tất bạn q trình thực khóa luận tốt nghiệp Và lời cảm ơn cuối cùng, em muốn cảm ơn gia đình động viện, tạo điều kiện để em hoàn thành báo cáo Mặc dù cố gắng để hồn thành khóa luận tốt nghiệp với tất nỗ lực thân, kiến thức thân cịn nhiều hạn chế nên khơng thể tránh khỏi thiếu sót Em mong nhận nhận xét, phê bình, góp ý q thầy để em học hỏi phấn đấu Em xin chân thành cảm ơn! Đà Nẵng, ngày tháng năm 2015 Sinh viên thực Đinh Trí Hùng LỜI CAM ĐOAN Em xin cam đoan:  Những nội dung báo cáo em thực hướng dẫn trực tiếp Giáo viên hướng dẫn  Mọi tham khảo dùng báo cáo 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ố  Mọi chép không hợp lệ, vi phạm quy chế đào tạo, em xin chịu hoàn toàn trách nhiệm Đà Nẵng, ngày tháng năm 2015 Sinh viên thực Đinh Trí Hùng NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………… …… Đà Nẵng, ngày tháng năm 2015 Chữ ký giáo viên hướng dẫn MỤC LỤC DANH MỤC HÌNH i DANH MỤC BẢNG BIỂU iii MỞ ĐẦU 1 Lý chọn đề tài Mục tiêu đề tài Đối tượng phạm vi đề tài Phương pháp nghiên cứu Bố cục đề tài Đóng góp cho đề tài CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 Các kiến trúc lập trình 1.1.1 Kiến trúc truyền thống (Model 1) 1.1.2 Kiến trúc MVC (Model 2) 1.2 Tổng quan JSP - Servlet 1.2.1 Giới thiệu JSP 1.2.2 Giới thiệu Servlet 1.2.3 Quy trình hoạt động JSP – Servlet 1.3 Struts Framework 1.3.1 Giới thiệu Struts 1.3.2 Các thành phần Struts 1.3.3 Quy trình hoạt động Struts 10 1.3.4 Ưu điểm nhược điểm Struts 11 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 12 2.1 Mô tả hệ thống 12 2.2 Phân tích chức 13 2.2.1 Sơ đồ UseCase 13 2.2.2 Đặc tả UseCase 19 2.2.3 Sơ đồ 22 2.3 Phân tích thiết kế sở liệu 30 2.3.1 Sơ đồ thực thể quan hệ 30 2.3.2 Xác định thực thể 31 2.3.3 Cấu trúc bảng 34 2.3.4 Thiết kế sở liệu 39 CHƯƠNG KẾT QUẢ ĐẠT ĐƯỢC 40 Màn hình trang chủ 40 Màn hình danh sách tìm kiếm 41 Màn hình chi tiết địa điểm 42 Màn hình quản lý xem/ sửa thông tin tài khoản 43 Màn hình đổi mật 43 Màn hình diễn đàn 44 Màn hình quản lý hệ thống 45 KẾT LUẬN 46 Kết đạt 46 Hạn chế 46 Hướng phát triển 46 TÀI LIỆU THAM KHẢO 47 i DANH MỤC HÌNH CHƯƠNG có hình: Hình 1.1 Ví dụ minh họa quy trình hoạt động JSP – Serlvet Hình 1.2 Ví dụ khai báo action struts-config.xml Hình 1.3 Quy trình hoạt động Struts 10 CHƯƠNG có 28 hình: Hình 2.1 Sơ đồ chức tổng thể 13 Hình 2.2 Sơ đồ Usecase tìm kiếm địa điểm 14 Hình 2.3 Sơ đồ Usecase gửi phản hồi 14 Hình 2.4 Sơ đồ Usecase quản lý tài khoản (Người sử dụng) 15 Hình 2.5 Sơ đồ Usecase xem chi tiết địa điểm 15 Hình 2.6 Sơ đồ Usecase đánh giá địa điểm 16 Hình 2.7 Sơ đồ Usecase đăng địa điểm 16 Hình 2.8 Sơ đồ Usecase quản lý danh sách yêu thích 17 Hình 2.9 Sơ đồ Usecase hoạt động diễn đàn 17 Hình 2.10 Sơ đồ Usecase quản lý hệ thống 18 Hình 2.11 Sơ đồ usecase tìm kiếm địa điểm 22 Hình 2.12 Sơ đồ usecase xem địa điểm 22 Hình 2.13 Sơ đồ usecase gởi phản hồi 23 Hình 2.14 Sơ đồ usecase đổi thông tin tài khoản 23 Hình 2.15 Sơ đồ usecase đổi mật 24 Hình 2.16 Sơ đồ usecase bình luận 24 Hình 2.17 Sơ đồ usecase chấm điểm 25 Hình 2.18 Sơ đồ usecase đăng địa điểm 25 Hình 2.19 Sơ đồ usecase quản lý danh sách yêu thích 26 Hình 2.20 Sơ đồ usecase đăng chủ đề 26 Hình 2.21 Sơ đồ usecase thảo luận 27 Hình 2.22 Sơ đồ usecase quản lý tài khoản 27 Hình 2.23 Sơ đồ usecase quản lý đăng 28 ii Hình 2.24 Sơ đồ usecase quản lý diễn đàn 28 Hình 2.25 Sơ đồ usecase quản lý phản hồi 29 Hình 2.26: Sơ đồ usecase xem thống kê 29 Hình 2.27 Sơ đồ thực thể quan hệ 30 Hình 2.28 Thiết kế sở liệu 39 CHƯƠNG có hình: Hình 3.1 Màn hình Trang Chủ 40 Hình 3.2 Màn hình danh sách tìm kiếm 41 Hình 3.3 Màn hình chi tiết địa điểm 42 Hình 3.4 Màn hình xem/sửa thơng tin tài khoản 43 Hình 3.5 Màn hình đổi mật 43 Hình 3.6 Màn hình diễn đàn 44 Hình 3.7 Màn hình quản lý hệ thống 45 iii DANH MỤC BẢNG BIỂU Bảng 2.1 Cấu trúc bảng Users 34 Bảng 2.2: Cấu trúc bảng Feedback 34 Bảng 2.3 Cấu trúc bảng Category 35 Bảng 2.4 Cấu trúc bảng Post 35 Bảng 2.5 Cấu trúc bảng Rating 36 Bảng 2.6: Cấu trúc bảng Comment 36 Bảng 2.7 Cấu trúc bảng Image 37 Bảng 2.8 Cấu trúc bảng Post_Category 37 Bảng 2.9: Cấu trúc bảng Like 37 Bảng 2.10 Cấu trúc bảng Question 38 Bảng 2.11 Cấu trúc bảng Answer 38 MỞ ĐẦU Lý chọn đề tài Thành phố Đà Nẵng ngày phát triển đặc biệt kinh tế du lịch với lượng du khách ghé thăm năm tăng lên nhiều Mong muốn đóng góp cho phát triển du lịch kinh tế thành phố, em chọn đề tài “XÂY DỰNG WEBSITE CHIA SẺ ĐỊA ĐIỂM ĂN UỐNG ĐÀ NẴNG VỚI FRAMEWORK STRUTS” Website giúp cho khách du lịch đến Đà Nẵng không cần phải tốn nhiều thời gian để tìm địa điểm ăn uống Các địa điểm ăn uống thành phố có nơi để quảng bá hình ảnh đến với khách du lịch người dân địa bàn thành phố Chính điều thúc đẩy kinh tế du lịch thành phố phát triển Mặc dù thị trường có vài hệ thống tương tự đề tài ý nghĩa đề tài thúc đẩy phát triển kinh tế du lịch thành phố hay nên thầy giáo hướng dẫn động viên em cố gắng phát triển thêm chức so với hệ thống để website thu hút đồng ý để em thực đề tài Mục tiêu đề tài - Hiểu cách làm việc framework Struts - Nghiên cứu, tìm hiểu sử dụng cơng nghệ để xây dựng web: + HTML5 + CSS + Ajax + jQuery + Bootstrap - Áp dụng framework Struts công nghệ nghiên cứu vào xây dựng thành công hệ thống website 33 + Title: Tiêu đề + Content: Nội dung + Time: Thời gian hỏi  Answer (trả lời) gồm thuộc tính: + AnswerId: Mã số trả lời + UserName: Tên người trả lời + PostId: Mã số đăng câu trả lời + Time: Thời gian trả lời + Content: Nội dung trả lời 34 2.3.3 Cấu trúc bảng Qua phân tích mục 2.3.2, ta xây dựng cấu trúc bảng sau: - Bảng Users: lưu trữ tài khoản, khóa (USERNAME) Tên cột Ý nghĩa Kiểu Kích liệu thước USERNAME Tên đăng nhập Varchar 50 PASSWORD Mật Varchar 50 EMAIL Email Varchar 50 ADDRESS Địa Varchar 50 DOB Ngày sinh DateTime 10 ROLE Phân quyền Int STATUS Trạng thái Int AVATAR Ảnh đại diện Varchar 100 Bảng 2.1 Cấu trúc bảng Users - Bảng Feedback: lưu trữ phản hồi, khóa (FEEDBACKID) Tên cột Ý nghĩa Kiểu Kích liệu thước FEEDBACKID Mã số phản hồi Int CONTENT Nội dung phản Nvarchar Max DateTime 10 hồi FEEDBACKTIME Thời gian phản hồi Bảng 2.2: Cấu trúc bảng Feedback 35 - Bảng Category: lưu trữ danh mục, khóa (CATEGORYID) Tên cột Ý nghĩa Kiểu Kích liệu thước CATEGORYID Mã số danh mục Int CATEGORYNAME Tên danh mục Nvarchar 30 Bảng 2.3 Cấu trúc bảng Category - Bảng Post: lưu trữ đăng địa điểm, khóa (POSTID) Tên cột Ý nghĩa Kiểu Kích liệu thước POSTID Mã số đăng Int 10 TITLE Tiêu đề đăng Nvarchar 100 CONTENT Nội dung Nvarchar Max DateTime 10 đăng Thời gian đăng POSTTIME TIMEACTIVE Giờ hoạt động Nvarchar 50 PRICE Giá Nvarchar 50 DAYOFF Ngày nghỉ Nvarchar 50 PLACE_ADDRESS Địa Nvarchar 50 USERNAME Tài khoản đăng Varchar 50 Int 10 Int Varchar 100 VIEWNUMBER Lượt xem đăng STATUS Trạng thái đăng AVATAR Ảnh đại diện Bảng 2.4 Cấu trúc bảng Post 36 - Bảng Rating: lưu trữ điểm số người sử dụng chấm cho địa điểm, khóa (POSTID, USERNAME) Tên cột Ý nghĩa Kiểu Kích liệu thước POSTID Mã số đăng Int 10 USERNAME Tài khoản chấm điểm Varchar 50 POINT Điểm Int Bảng 2.5 Cấu trúc bảng Rating - Bảng Comments: lưu trữ bình luận, khóa (COMMENTID) Tên cột Ý nghĩa Kiểu Kích liệu thước COMMENTID Mã số bình luận Int 10 USERNAME Tài khoản bình Varchar 50 Int 10 DateTime 10 Nvarchar Max luận POSTID Bài đăng bình luận COMMENTTIME Thời gian bình luận CONTENT Nội dung bình luận Bảng 2.6: Cấu trúc bảng Comment - Bảng Image: lưu trữ đường dẫn hình ảnh, khóa (IMAGEID) Tên cột Ý nghĩa Kiểu Kích liệu thước IMAGEID Mã số hình ảnh Int 10 SRC Đường dẫn hình ảnh Varchar 100 37 Mã số đăng POSTID Int 10 Bảng 2.7 Cấu trúc bảng Image - Bảng Post_Category: lưu trữ địa điểm thuộc vào danh mục nào, khóa (POSTID, CATEGORYID) Tên cột Ý nghĩa Kiểu Kích liệu thước POSTID Mã số đăng Int 10 CATEGORYID Mã số danh mục Int Bảng 2.8 Cấu trúc bảng Post_Category - Bảng Like: lưu trữ danh sách địa điểm yêu thích người sử dụng, khóa (LIKEID) Tên cột Ý nghĩa Kiểu Kích liệu thước LIKEID Mã số yêu thích Int 10 USERNAME Tài khoản thực Nvarchar 50 POSTID Bài đăng yêu thích Int 10 Bảng 2.9: Cấu trúc bảng Like - Bảng Question: lưu trữ câu hỏi thảo luận diễn đàn, khóa (QUESTIONID) Tên cột Ý nghĩa Kiểu Kích liệu thước QUESTIONID Mã số đăng Int 10 USERNAME Mã số danh mục Nvarchar QUESTIONNAME Nội dung câu hỏi Nvarchar Max QUESTIONTIME Thời gian đăng DateTime 10 38 VIEWNUMBER Lượt xem Int 10 TITLE Tiêu đề câu hỏi Nvarchar Max Bảng 2.10 Cấu trúc bảng Question - Bảng Answer: lưu trữ bình luận, câu trả lời diễn đàn, khóa (ANSWERID) Tên cột Ý nghĩa Kiểu Kích liệu thước ANSWERSID Mã số câu trả lời Int 10 USERNAME Tài khoản trả lời Nvarchar 50 ANSWERSCONTENT Nội dung trả lời Nvarchar Max ANSWERSTIME Thời gian trả lời DateTime 10 QUESTIONID Mã số đăng Int 10 Bảng 2.11 Cấu trúc bảng Answer 39 2.3.4 Thiết kế sở liệu Hình 2.28 Thiết kế sở liệu 40 CHƯƠNG KẾT QUẢ ĐẠT ĐƯỢC Màn hình trang chủ Hình 3.1 Màn hình Trang Chủ Trang chủ hiển thị nằm top: Top xem nhiều, Top bình luận nhiều, Top bình luận nhiều danh mục để người dùng tùy ý lựa chọn Ngồi ra, người dùng cịn tìm kiếm địa điểm với từ khóa nhập vào khung tìm kiếm 41 Màn hình danh sách tìm kiếm Hình 3.2 Màn hình danh sách tìm kiếm Màn hình hiển thi kết tìm kiếm gõ từ khóa vào khung tìm kiếm 42 Màn hình chi tiết địa điểm Hình 3.3 Màn hình chi tiết địa điểm Màn hình hiển thị thơng tin chi tiết địa điểm: Giờ hoạt động, giá cả, ngày nghỉ, địa … 43 Màn hình quản lý xem/ sửa thơng tin tài khoản Hình 3.4 Màn hình xem/sửa thơng tin tài khoản Màn hình đổi mật Hình 3.5 Màn hình đổi mật 44 Màn hình diễn đàn Hình 3.6 Màn hình diễn đàn 45 Màn hình quản lý hệ thống Hình 3.7 Màn hình quản lý hệ thống 46 KẾT LUẬN Kết đạt Qua thời gian thực khóa luận tốt nghiệp này, em đạt kết sau:  Hiểu cách làm việc với framework Struts  Áp dụng framework Struts vào xây dựng đề tài  Thỏa mãn niềm đam mê lập trình  Học thêm nhiều kiến thức làm Web Hạn chế Mặc dù cố gắng với tất nỗ lực thân để hồn thành khóa luận tốt nghiệp, kiến thức thân hạn chế nên sai sót q trình thực Hướng phát triển Em cố gắng phát triển website để website hoạt động phạm vi đất nước Việt Nam, không riêng địa bàn thành phố Đà Nẵng 47 TÀI LIỆU THAM KHẢO TIẾNG VIỆT [1] Trang web: congdongjava.com – “Tổng quan Framework Struts – Tạo ứng dụng MVC với Struts Netbean” < http://congdongjava.com/forum/threads/tổng-quan-về-framework-struts-tạo-ứngdụng-mvc-với-struts-trên-netbean.1990/ > (Truy cập ngày 20 tháng năm 2015) [2] Trang web: laptrinh.vn – “Tổng quan JSP Servlet” < http://laptrinh.vn/d/4458-jsp-la-gi-servlet-la-gi-tong-quan-ve-jsp-va-servlet > (Truy cập ngày 20 tháng năm 2015) TIẾNG ANH [3] Trang web: w3schools.com – “jQuery Tutorial” < http://www.w3schools.com/jquery/default.asp > (Truy cập ngày tháng năm 2015) [4] Trang web: mkyong.com – “Struts file upload example” < http://www.mkyong.com/struts/struts-file-upload-example > (Truy cập ngày 12 tháng năm 2015) ... WEBSITE CHIA SẺ ĐỊA ĐIỂM ĂN UỐNG ĐÀ NẴNG VỚI FRAMEWORK STRUTS? ?? Website giúp cho khách du lịch đến Đà Nẵng không cần phải tốn nhiều thời gian để tìm địa điểm ăn uống Các địa điểm ăn uống thành phố... Posttime: Thời gian đăng + Price: Giá địa điểm đăng + TimeActive: Thời gian hoạt động địa điểm đăng + Address: Địa địa điểm đăng + Avatar: Ảnh đại diện đăng + DayOff: Ngày nghỉ địa điểm đăng + Status:... luận  Đăng địa điểm mới:  Mục đích: Đăng địa điểm  Tác nhân: Người sử dụng  Điều kiện trước: Đăng nhập với tài khoản có hệ thống  Đầu vào: Thơng tin địa điểm  Đầu ra: Địa điểm đăng  Quản