Xây dựng website hỏi đáp về công nghệ thông tin

- ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ ́ tê ́H uê - - in h KHOÁ LUẬN TỐT NGHIỆP ̣c K XÂY DỰNG WEBSITE HỎI ĐÁP VỀ ươ ̀n g Đ ại ho CÔNG NGHỆ THÔNG TIN Giáo viên hướng dẫn: Lớp: K47 Tin học kinh tế Th.S Trần Thái Hoà Tr SVTH: Thiều Đăng Vũ Mã SV: 13K4081153 Huế, tháng 05 năm 2017 - LỜI CẢM ƠN Lời đầu tiên, em xin chân thành cảm ơn quý thầy cô giúp đỡ em thực đề tài Đặc biệt thầy Trần Thái Hoà tận tình, giúp đỡ em suốt trình thực khoá luận tốt nghiệp Đồng thời em xin cảm ơn Thầy, Cô thuộc khoa Hệ thống thông tin Kinh tế Trường Đại học Kinh Tế Huế truyền đạt kiến thức, kinh nghiệm quý báu ́ uê suốt thời gian năm giảng đường đại học để em thực tốt đề tài ́H Và cuối cùng, em xin chân thành cảm ơn người bạn, anh chị CN tê Công ty TNHH Phần mềm FPT Đà Nẵng ln đồng hành, bảo nhiệt tình q trình thực tập cơng ty để em hồn thành đề tài cách hoàn in h thiện ̣c K Trong trình thực đề tài, kiến thức thời gian cịn hạn chế nên khơng thể tránh khỏi sai sót Mong q Thầy, Cơ thơng cảm góp ý chân thành để em có Tr ươ ̀n g Đ ại Em xin chân thành cảm ơn! ho thể hồn thiện đề tài tích luỹ kiến thức để phát triển thêm sau Huế, ngày … tháng 05 năm 2017 Sinh viên thực Thiều Đăng Vũ - MỤC LỤC MỞ ĐẦU .1 Mục tiêu nhiệm vụ đề tài: Đối tượng phạm vi nghiên cứu: Phương pháp nghiên cứu: Cấu trúc khóa luận: ́ Lý chọn đề tài: .1 uê 1 ́H CHƯƠNG I CƠ SỞ LÝ THUYẾT .4 Tổng quan mơi trường phát triển tích hợp Eclipse ngơn ngữ lập trình Mơi trường phát triển tích hợp Eclipse .4 1.2 Ngơn ngữ lập trình Java 1.3 Tổng quan Java EE .8 ̣c K in h 1.1 Tổng quan hệ quản trị sở liệu Microsoft SQL Server: 2.1 Ngôn ngữ truy vấn liệu có cấu trúc (Structure Query Language) .9 2.2 Hệ quản trị sở liệu SQL Server .10 ho tê Java: Giới thiệu lập trình hướng đối tượng: .10 Mơ hình MVC (Model – View – Controller): 10 Đ Mơ hình MVC ? 10 4.2 Các thành phần MVC 11 4.3 Sự tương tác lớp mơ hình MVC .11 ươ ̀n g 4.1 Giới thiệu framework Struts: .12 Tr ại 5.1 Khái niệm framework Struts 12 5.2 Cấu trúc framework Struts 12 5.3 Tiến trình thực thi mơ hình MVC Struts 13 - CHƯƠNG II PHÂN TÍCH HỆ THỐNG 14 Mơ tả tốn: 14 Phân tích toán: 15 2.1 Yêu cầu chất lượng 15 2.2 Yêu cầu chức 15 2.2.1 Tổng quát chức .15 2.2.2 Biểu đồ Use Case 16 ́ Mơ hình hoá hệ thống .20 uê 2.3 ́H 2.3.1 Biểu đồ luồng chức hệ thống 20 tê 2.3.2 Biểu đồ (Sequence Diagram) 22 h 2.3.3 Biểu đồ lớp (Class Diagram) 34 ̣c K Mô tả thực thể 42 1.2 Mối liên kết thực thể 45 1.3 Mô tả bảng 50 1.4 Mơ hình quan hệ bảng 55 ại ho 1.1 Đ Thiết kế giao diện: 56 2.1 Giao diện đăng nhập 56 2.2 Giao diện đăng ký .56 ươ ̀n Thiết kế sở liệu: 42 g in CHƯƠNG III THIẾT KẾ HỆ THỐNG 42 Giao diện trang chủ 57 2.4 Giao diện trang quản lý admin 60 Tr 2.3 2.5 Giao diện dành cho member 61 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 64 Kết đạt được: .64 Hướng phát triển đề tài: 65 TÀI LIỆU THAM KHẢO 66 PHỤ LỤC .67 - DANH MỤC HÌNH ẢNH Hình 1: Biểu đồ Use Case chức hệ thống 16 Hình 2: Biểu đồ Use Case chức xem trang chủ visitor .17 Hình 3: Biểu đồ Use Case chức quản lý viết member admin 17 Hình 4: Biểu đồ Use Case chức quản lý tài khoản admin 18 Hình 5: Biểu đồ Use Case chức quản lý thông tin cá nhân member 18 ́ uê Hình 6: Biểu đồ Use Case chức tìm kiếm 19 Hình 7: Biểu đồ Use Case chức quản lý Tag admin 19 ́H Hình 8: Luồng chức hệ thống dành cho user 20 tê Hình 9: Luồng chức hệ thống dành cho admin 21 Hình 10: Biểu đồ hiển thị danh sách câu hỏi 22 in h Hình 11: Biểu đồ hiển thị chi tiết câu hỏi 23 ̣c K Hình 12: Biểu đồ vote up viết 24 Hình 13: Biểu đồ vote down viết .25 ho Hình 14: Biểu đồ tìm kiếm viết 26 Hình 15: Biểu đồ khoá viết 27 ại Hình 16: Biểu đồ quản lý đăng viết 28 Đ Hình 17: Biểu đồ hiển thị danh sách tài khoản 29 Hình 18: Biểu đồ khố tài khoản .30 ươ ̀n g Hình 19: Biểu đồ hiển thị danh sách Tag .31 Hình 20: Biểu đồ tìm kiếm Tag .31 Tr Hình 21: Biểu đồ đăng nhập 32 Hình 22: Biểu đồ đăng xuất .33 Hình 23: Biểu đồ lớp Bean .34 Hình 24: Biểu đồ lớp hiển thị danh sách câu hỏi .35 Hình 25: Biểu đồ lớp hiển thị chi tiết câu hỏi 36 Hình 26: Biểu đồ lớp tương tác viết 37 Hình 27: Biểu đồ lớp quản lý viết 38 Hình 28: Biểu đồ lớp quản lý đăng viết 39 Hình 29: Biểu đồ lớp quản lý tài khoản .39 - Hình 30: Biểu đồ lớp quản lý thơng tin cá nhân 40 Hình 31: Biểu đồ lớp quản lý Tag 41 Hình 32: Biểu đồ lớp đăng nhập – đăng xuất 41 Hình 33: Mối liên kết Account Question 45 Hình 34: Mối liên kết Question Tag 46 Hình 35: Mối liên kết Account Tag 46 Hình 36: Mối liên kết Account, Question VoteQuestion 47 ́ uê Hình 37: Mối liên kết Account, Answer VoteAnswer 48 ́H Hình 38: Mối liên kết Account, Answer Question 49 tê Hình 39: Quan hệ bảng 55 Hình 40: Giao diện đăng nhập .56 in h Hình 41: Giao diện đăng ký 56 Hình 42: Giao diện trang chủ dành cho visitor 57 ̣c K Hình 43: Giao diện trang chủ menu Tags 57 Hình 44: Giao diện trang chủ menu Thành viên 58 ho Hình 45: Giao diện trang chủ tìm kiếm câu hỏi .58 ại Hình 46: Giao diện trang chủ tìm kiếm thành viên 59 Đ Hình 47: Giao diện trang chủ dành cho member 59 Hình 48: Giao diện trang quản lý viết dành cho admin 60 ươ ̀n g Hình 49: Giao diện trang quản lý Tags dành cho admin .60 Hình 50: Giao diện trang quản lý tài khoản dành cho admin 61 Hình 51: Giao diện trang đặt câu hỏi dành cho member .61 Tr Hình 52: Giao diện trang chi tiết câu hỏi dành cho member .62 Hình 53: Giao diện trang trả lời câu hỏi dành cho member .62 Hình 54: Giao diện vote câu hỏi/câu trả lời dành cho member 63 - DANH MỤC BẢNG Bảng 1: Bảng tblQuestion .50 Bảng 2: Bảng tblAnswer 51 Bảng 3: Bảng tblAccount 53 Bảng 4: Bảng tblTag 53 Bảng 5: Bảng tblquestion_tag 53 ́ uê Bảng 6: Bảng tblAccountTag 54 Bảng 7: Bảng tblVoteQuestion 54 ́H Bảng 8: Bảng tblVoteAnswer 54 Tr ươ ̀n g Đ ại ho ̣c K in h tê Bảng 9: Bảng tblAdmin .55 - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN MỞ ĐẦU Lý chọn đề tài: Hiện nay, có nhiều ngơn ngữ lập trình sử dụng giới ngơn ngữ có mạnh riêng Ngơn ngữ lập trình Java khơng phải ngoại lệ, Java ngôn ngữ lập trình mạnh sử dụng nhiều việc phát triển phần mềm, trang web động, game ́ uê hay ứng dụng thiết bị di động Ngơn ngữ lập trình Java trở nên lớn mạnh hết ́H Bên cạnh đó, cơng nghệ thơng tin (CNTT) ngành công nghiệp bao gồm tê nhiều kiến thức rộng rãi, đồng thời công nghệ liên tục xuất đòi hỏi thân người làm ngành phải khơng ngừng tìm hiểu phát in h triển cơng nghệ Cho nên, việc hỏi đáp trao đổi kiến thức công ̣c K nghệ thông tin nhiều thời gian Chính thế, việc xây dựng nơi kết nối cộng đồng người làm việc hay mong muốn làm việc ho ngành công nghệ thông tin cần thiết Từ lý trên, chọn đề tài “Xây dựng Website hỏi đáp công nghệ ại thông tin” làm hướng nghiên cứu cho đề tài Đ Mục tiêu nhiệm vụ đề tài: a Mục tiêu: Mục tiêu đề tài xây dựng website với giao diện ươ ̀n g trực quan, nơi người tương tác với để trao đổi kiến thức, góp ý cách dễ dàng Tr b Nhiệm vụ: - - Nghiên cứu nắm vững quy trình xây dựng website hồn chỉnh hoạt động Nghiên cứu cơng cụ, framework sử dụng để xây dựng website: ngôn ngữ Java, framework Struts, mơ hình MVC, SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN Đối tượng phạm vi nghiên cứu: a Đối tượng: Sử dụng ngơn ngữ lập trình Java việc xây dựng website hỏi đáp công nghệ thông tin b Phạm vi nghiên cứu: - Địa điểm: Tòa nhà FPT Complex, đường Nam Kỳ Khởi Nghĩa, P.Hòa Hải, Q.Ngũ Hành Sơn, TP Đà Nẵng - Thời gian: Từ ngày 03/01/2017 đến hết ngày 03/04/2017 ́ uê Phương pháp nghiên cứu: ́H Để nghiên cứu xây dựng website hỏi đáp công nghệ thông tin, tác giả tê sử dụng phương pháp sau trình thực đề tài: a Quá trình thu thập liệu sử dụng phương pháp sau: in h  Phương pháp nghiên cứu tài liệu: chủ động tìm kiếm, nghiên cứu tài liệu, sách liên quan đến đề tài, website tương tự để đánh giá ̣c K ưu nhược điểm, đồng thời kết hợp với kiến thức đạt trình thực tập để đề hướng xây dựng website hoàn chỉnh, trực ho quan, dễ tương tác ại  Phương pháp phân tích, đánh giá: dựa vào việc quan sát, nhìn nhận vấn Đ đề thực tế, áp dụng kiến thức, cơng nghệ cần thiết từ hồn thiện đề tài ươ ̀n g  Phương pháp tổng hợp: hoàn thiện khoá luận dựa kiến thức thu nhận trình học tập tài liệu, kiến thức tích luỹ q trình chủ động học hỏi, tìm kiếm Tr b Giai đoạn phân tích thiết kế thực sử dụng phương pháp sau:  Phương pháp phân tích, thiết kế hệ thống: tiến hành tổng hợp, phân loại thông tin Dựa thông tin thu thập được, với kiến thức tảng cơng nghệ có để tiến hành xây dựng website hỏi đáp công nghệ thông tin SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CƠNG NGHỆ THƠNG TIN  Phương pháp lập trình hướng đối tượng: sau tiến hành phân tích, thiết kế website, lựa chọn ngơn ngữ lập trình Java framework Struts với hệ quản trị CSDL Microsoft SQL Server để xây dựng quản lý website Cấu trúc khóa luận: Ngồi phần mở đầu kết luận, phần nội dung khóa luận bao gồm: Chương I: Cơ sở lý thuyết Chương trình bày khái quát lịch sử hình ́ uê thành phát triển, đặc điểm ngơn ngữ lập trình Java, framework Struts ́H tầm quan trọng việc ứng dụng framework Struts trình xây tê dựng website Chương II: Phân tích hệ thống Chương đề cập đến thực trạng, sau in h sâu vào việc phân tích tốn, thiết kế sở liệu áp dụng framework Struts để xây dựng hệ thống ̣c K Chương III: Thiết kế hệ thống Chương đề cập đến việc thiết kế sở Tr ươ ̀n g Đ ại ho liệu, thiết kế giao diện website kết chạy thử website SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN ́ ̣c K in h tê ́H uê 2.3.5 Trang chủ tìm kiếm Thành viên Hình 46: Giao diện trang chủ tìm kiếm thành viên Tr ươ ̀n g Đ ại ho 2.3.6 Trang chủ dành cho member Hình 47: Giao diện trang chủ dành cho member SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ 59 - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN 2.4 Giao diện trang quản lý admin ́ ̣c K in h tê ́H uê 2.4.1 Trang quản lý viết ho Hình 48: Giao diện trang quản lý viết dành cho admin Tr ươ ̀n g Đ ại 2.4.2 Trang quản lý Tags Hình 49: Giao diện trang quản lý Tags dành cho admin SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ 60 - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN ́ ̣c K in h tê ́H uê 2.4.3 Trang quản lý tài khoản ho Hình 50: Giao diện trang quản lý tài khoản dành cho admin ại 2.5 Giao diện dành cho member Tr ươ ̀n g Đ 2.5.1 Trang đặt câu hỏi Hình 51: Giao diện trang đặt câu hỏi dành cho member SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ 61 - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN ́ ̣c K in h tê ́H uê 2.5.2 Trang chi tiết câu hỏi Hình 52: Giao diện trang chi tiết câu hỏi dành cho member Tr ươ ̀n g Đ ại ho 2.5.3 Trang trả lời câu hỏi Hình 53: Giao diện trang trả lời câu hỏi dành cho member SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ 62 - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN ́ ̣c K in h tê ́H uê 2.5.4 Giao diện vote Câu hỏi/Câu trả lời Tr ươ ̀n g Đ ại ho Hình 54: Giao diện vote câu hỏi/câu trả lời dành cho member SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ 63 - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt được: Qua tháng thực hiền đề tài, tác giả tích luỹ kinh nghiệm để áp dụng vào quy trình xây dựng website hồn chỉnh Nhưng bên cạnh đó, q trình khảo sát thực hiện, thân tác giả kinh nghiệm cịn chưa tốt nên sở liệu nhiều điểm chưa hợp lý việc viết code ́ cịn nhiều thiếu sót dẫn đến website làm hạn chế mặt chức Về thân: tê - ́H Trong trình thực đề tài tác giả đạt kết sau đây: h o Nâng cao kĩ lập trình ngơn ngữ Java ̣c K in o Hiểu quy trình xây dựng website hồn chỉnh o Áp dụng nhiều công nghệ, framework,… để hỗ trợ cho việc xây - ho dựng website Về đề tài: ại Xây dựng website xử lý tác vụ nhanh chóng với giao diện trực Đ quan, đơn giản, dễ sử dụng với người Đồng thời, website g thực chức sau: ươ ̀n o Member đăng câu hỏi; câu trả lời, vote câu hỏi; câu trả lời, tự Tr tạo Tag,… o Chức gợi ý câu hỏi có liên quan o Chức tìm kiếm câu hỏi, tags, thành viên,… o Chức quản lý viết, tags, tài khoản dành cho admin SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ 64 - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN Hướng phát triển đề tài: Do thời gian kiến thức hạn chế nên số chức nâng cao chưa hoàn thiện Trong thời gian tới, đề tài phát triển tốt hơn, vượt trội với tính như: - Member lọc câu hỏi thơng qua Tag - Member chỉnh sửa câu trả lời, chèn hình ảnh vào câu hỏi câu ́ uê trả lời Hoàn thiện cấu tính điểm uy tín tài khoản - Thống kê câu hỏi, câu trả lời, tài khoản, tags,… - Giải trường hợp ngoại lệ cho hệ thống Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H - SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ 65 - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN TÀI LIỆU THAM KHẢO [1] http://iviettech.vn/blog/543-ban-ve-use-case-use-case-diagram.html [2] http://kieutrongkhanh.net/index.php/struts/64-tng-quan-v-strutsframework ́ Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H uê [3] Tài liệu có liên quan FPT Software Đà Nẵng cung cấp trình thực tập SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ 66 - XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN PHỤ LỤC ́ ươ ̀n g Đ ại ho ̣c K in h tê ́H uê Biểu đồ chức không bao gồm báo cáo Tr Biểu đồ sửa viết dành cho admin SVTH: THIỀU ĐĂNG VŨ – K47 TIN HỌC KINH TẾ 67 - ́ Đ ại ho ̣c K in h tê ́H uê XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN Tr ươ ̀n g Biểu đồ xoá viết dành cho admin - ́ Đ ại ho ̣c K in h tê ́H uê XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN Tr ươ ̀n g Biểu đồ sửa account dành cho admin - ́ Đ ại ho ̣c K in h tê ́H uê XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN Tr ươ ̀n g Biểu đồ xoá account dành cho admin - ́ Đ ại ho ̣c K in h tê ́H uê XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN Tr ươ ̀n g Biểu đồ tìm kiếm account - ́ ̣c K in h tê ́H uê XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN Tr ươ ̀n g Đ ại ho Biểu đồ sửa tag dành cho admin Biểu đồ xoá tag dành cho admin - ́ h tê ́H uê XÂY DỰNG WEBSITE HỎI ĐÁP VỀ CÔNG NGHỆ THÔNG TIN Tr ươ ̀n g Đ ại ho ̣c K in Biểu đồ hiển thị câu hỏi trang chủ Biểu đồ hiển thị chi tiết câu hỏi trang chủ