XÂY DỰNG WEBSITE HOCWEB.VN HƯỚNG DẪN THIẾT KẾ VÀ TRIỂN KHAI ỨNG DỤNG WEB TRÊN NỀN TẢNG MÃ NGUỒN MỞ JAVA

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM KHOA CÔNG NGHỆ THÔNG TIN LUẬN VĂN TỐT NGHIỆP XÂY DỰNG WEBSITE HOCWEB.VN HƯỚNG DẪN THIẾT KẾ VÀ TRIỂN KHAI ỨNG DỤNG WEB TRÊN NỀN TẢNG MÃ NGUỒN MỞ JAVA Ngành : Hệ thống thông tin Niên khoá : 2007-2011 Lớp : DH07DTH Sinh viên thực : Hồng Anh Hòa Nguyễn Thị Thúy Lữ Nguyễn Hồng Sơn Lê Nhật Tùng TP.HỒ CHÍ MINH, 15 tháng năm 2011   BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM KHOA CÔNG NGHỆ THÔNG TIN LUẬN VĂN TỐT NGHIỆP XÂY DỰNG WEBSITE HOCWEB.VN HƯỚNG DẪN THIẾT KẾ VÀ TRIỂN KHAI ỨNG DỤNG WEB TRÊN NỀN TẢNG MÃ NGUỒN MỞ JAVA Giáo viên hướng dẫn: Sinh viên thực hiện: ThS Mai Anh Thơ Hoàng Anh Hòa 07130040 Nguyễn Thị Thúy Lữ 07130073 Nguyễn Hồng Sơn 07130108 Lê Nhật Tùng 07130142 TP.HỒ CHÍ MINH, 15 tháng năm 2011   CƠNG TRÌNH HỒN TẤT TẠI TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM Cán hướng dẫn: ThS Mai Anh Thơ Cán phản biện: ThS Nguyễn Thanh Phước Luận văn cử nhân bảo vệ HỘI ĐỒNG CHẤM LUẬN VĂN CỬ NHÂN TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM ngày 31 tháng năm 2011     Bộ Giáo Dục Đào Tạo CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Trường ĐH NÔNG LÂM TpHCM Độc Lập-Tự Do-Hạnh Phúc NHIỆM VỤ LUẬN VĂN CỬ NHÂN Họ tên sinh viên: HỒNG ANH HỊA Phái: Nam Ngày tháng năm sinh: 12/09/1989 Nơi sinh: Bắc Giang Chuyên ngành: Mạng máy tính Ngành: Cơng nghệ thơng tin Họ tên sinh viên: NGUYỄN THỊ THÚY LỮ Phái: Nữ Ngày tháng năm sinh: 12/10/1988 Nơi sinh: Bình Phước Chuyên ngành: Mạng máy tính Ngành: Cơng nghệ thơng tin Họ tên sinh viên: NGUYỄN HOÀNG SƠN Phái: Nam Ngày tháng năm sinh: 04/12/1989 Nơi sinh: TP Hồ Chí Minh Chuyên ngành: Hệ thống thông tin Ngành: Công nghệ thông tin Họ tên sinh viên: LÊ NHẬT TÙNG Phái: Nam Ngày tháng năm sinh: 11/07/1989 Nơi sinh: Trà Vinh Chuyên ngành: Mạng máy tính Ngành: Cơng nghệ thơng tin I TÊN ĐỀ TÀI: Xây dựng website hocweb.vn hướng dẫn thiết kế triển khai ứng dụng web tảng mã nguồn mở java II NHIỆM VỤ VÀ NỘI DUNG: Nhiệm vụ: - Tìm hiểu xây dựng website HOCWEB.VN hướng dẫn học thiết kế triển khai ứng dụng web - Giới thiệu, hướng dẫn so sánh số công nghệ web tảng mã nguồn mở Java Nội dung nghiên cứu: - Tìm hiểu ngơn ngữ thiết kế web: HTML, CSS, Javascript… - Tìm hiểu công nghệ web tảng mã nguồn mở Java: JSP/Servlet, framework ZK…     - Xây dựng website hướng dẫn học thiết kế triển khai ứng dụng web vào thực tế HOCWEB.VN - Xây dựng học hướng dẫn thiết kế, thực triển khai ứng dụng web công nghệ JSP/Servlet III NGÀY GIAO NHIỆM VỤ: 20/04/2011 IV NGÀY HOÀN THÀNH NHIỆM VỤ: 31/08/2011 V HỌ VÀ TÊN CÁN BỘ HƯỚNG DẪN: ThS Mai Anh Thơ Ngày / / CÁN BỘ HƯỚNG DẪN     Ngày / / CHỦ NHIỆM CHUYÊN NGÀNH Ngày / / KHOA CNTT LỜI CẢM ƠN  Trong suốt q trình học tập hồn thành luận văn, chúng em nhận hướng dẫn, giúp đỡ quý báu Cha Mẹ, Thầy Cô bạn Trước hết, chúng xin nói lên lòng biết ơn sâu sắc Cha Mẹ chăm sóc, ni dạy chúng nên người Với lòng kính trọng biết ơn sâu sắc, chúng em xin bày tỏ lời cảm ơn chân thành tới Ban Giám Hiệu toàn thể Thầy Cô Khoa Công nghệ thông tin trường Đại Học Nông Lâm truyền đạt cho chúng em kiến thức quý báu, đồng thời tạo điều kiện thuận lợi giúp chúng em hòan thành tốt luận văn tốt nghiệp Đặc biệt, chúng em xin gửi lời tri ân chân thành đến Cô Mai Anh Thơ, người quan tâm giúp đỡ, bảo động viên chúng em suốt trình thực luận văn Bên cạnh đó, chúng em xin gửi lời cám ơn đến bạn hợp tác, cung cấp tư liệu, giúp chúng em hoàn thành học, ứng dụng, ví dụ góp phần làm cho luận văn thêm giá trị Chúng em đồng gửi lời cám ơn đến anh chị, bạn bè sinh viên khoa bên cạnh động viên tinh thần, chia sẻ kinh nghiệm q báu góp phần cho thành cơng luận văn Mặc dù chúng em cố gắng hoàn thành đồ án phạm vi khả cho phép, chắn khơng tránh khỏi thiếu sót định Chúng em kính mong nhận bảo q Thầy Cơ góp ý chân thành bạn Chúng em kính chúc Cha Mẹ ln dồi sức khỏe, kính chúc q Thầy Cơ ln khỏe mạnh, thành công công tác trồng người, mến chúc bạn vững vàng đường học vấn nghiệp Xin chân thành cám ơn!     DANH SÁCH CHỮ VIẾT TẮT CNTT Công Nghệ Thông Tin CSDL Cơ Sở Dữ Liệu CPU Central Processing Unit URL Uniform Resource Locator HTTP Hyper Text Transfer Protocol HTTPS Hypertext Transfer Protocol Secure FTP File Transfer Protocol SDK Software Development Kit JDK Java Development Kit I   DANH MỤC CÁC HÌNH Trang Hình 1: Website w3schools.com 4  Hình 2: Website www.javapassion.com 6  Hình 3: Các khóa học javapassion .7  Hình 4: Sơ đồ kiến trúc hệ thống 18  Hình 5: Sơ đồ kiến trúc phần mềm 18  Hình 6: Mơ hình Usecase tổng quát 19  Hình 7: Sơ đồ Usecase cho người dùng Khách 20  Hình 8: Sơ đồ Activity Usecase đăng nhập 21  Hình 9: Sơ đồ Activity Usecase đăng ký 22  Hình 10: Sơ đồ Activity Usecase quên mật 24  Hình 11: Sơ đồ Activity Usecase xem Cơng cụ .25  Hình 12: Sơ đồ Activity Usecase tìm kiếm Tài liệu 26  Hình 13: Sơ đồ Activity Usecase vào Diễn đàn .27  Hình 14: Sơ đồ Activity Usecase xem Liên kết .28  Hình 15: Sơ đồ Activity Usecase xem Bài học Ứng dụng 29  Hình 16: Sơ đồ Usecase cho người dùng Thành viên 30  Hình 17: Sơ đồ Activity Usecase đăng xuất 31  Hình 18: Sơ đồ Activity Usecase chỉnh sửa thơng tin Tài khoản 32  Hình 19: Sơ đồ Activity Usecase tìm kiếm Câu hỏi đặt 33  Hình 20: Sơ đồ Activity Usecase tải Cơng cụ 34  Hình 21: Sơ đồ Activity Usecase tải Mã nguồn .35  Hình 22: Sơ đồ Activity Usecase đặt Câu hỏi 36  Hình 23: Sơ đồ Activity Usecase tải Tài liệu 37  Hình 24: Sơ đồ Usecase cho người dùng Quản trị 38  Hình 25: Sơ đồ Usecase Quản lý Người dùng 39  Hình 26: Sơ đồ Activity Usecase xóa Người dùng 40  Hình 27: Sơ đồ Activity Usecase chỉnh sửa thơng tin Người dùng 41  II   Hình 28: Sơ đồ Activity Usecase tìm kiếm Người dùng 42  Hình 29: Sơ đồ Usecase Quản lý Tài liệu .42  Hình 30: Sơ đồ Activity Usecase thêm Tài liệu .43  Hình 31: Sơ đồ Activity Usecase cập nhật Tài liệu 44  Hình 32: Sơ đồ Usecase Quản lý Cơng cụ 45  Hình 33: Sơ đồ Activity Usecase thêm Công cụ 46  Hình 34: Sơ đồ Activity Usecase cập nhật Cơng cụ 47  Hình 35: Sơ đồ Activity Usecase tìm kiếm Cơng cụ .48  Hình 36: Sơ đồ Usecase Quản lý Câu hỏi .48  Hình 37: Sơ đồ Activity Usecase trả lời Câu hỏi nhanh 49  Hình 38: Sơ đồ Activity Usecase trả lời Câu hỏi 51  Hình 39: Sơ đồ Usecase Quản lý Mã tải 51  Hình 40: Sơ đồ Usecase Quản lý Mã nguồn 53  Hình 41: Sơ đồ Activity Usecase thêm Mã nguồn 54  Hình 42: Sơ đồ Activity Usecase cập nhật Mã nguồn .55  Hình 43: Sơ đồ Activity Usecase tìm kiếm Mã nguồn 56  Hình 44: Sơ đồ Usecase Quản lý Bài học Quản lý Ứng dụng 57  Hình 45: Sơ đồ Activity Usecase thêm Bài học .58  Hình 46: Sơ đồ Activity Usecase cập nhật Bài học 60  Hình 47: Sơ đồ Activity Usecase xóa Bài học 61  Hình 48: Sơ đồ Activity Usecase thêm Cơng cụ liên quan 62  Hình 49: Sơ đồ Activity Usecase thêm Ứng dụng liên quan 63  Hình 50: Sơ đồ Activity Usecase thêm Bài học liên quan .64  Hình 51: Sơ đồ Activity Usecase thêm Ứng dụng 65  Hình 52: Sơ đồ Activity Usecase cập nhật Ứng dụng 66  Hình 53: Sơ đồ Activity Usecase xóa Ứng dụng .67  Hình 54: Sơ đồ Activity Usecase thêm Mã nguồn liên quan 68  Hình 55: Sơ đồ Usecase Quản lý nội dung Bài học Ứng dụng 69  Hình 56: Sơ đồ Activity Usecase thêm Danh mục 70  III   Hình 57: Sơ đồ Activity Usecase xóa Danh mục .71  Hình 58: Sơ đồ Activity Usecase cập nhật Danh mục .73  Hình 59: Sơ đồ Usecase Quản lý Trang 73  Hình 60: Sơ đồ Activity Usecase thêm Trang 74  Hình 61: Sơ đồ Activity Usecase xóa Trang 75  Hình 62: Sơ đồ Activity Usecase cập nhật Trang 77  Hình 63: Sơ đồ Usecase Quản lý Bài viết .77  Hình 64: Sơ đồ Activity Usecase thêm Bài viết .78  Hình 65: Sơ đồ Activity Usecase xóa Bài viết 79  Hình 66: Sơ đồ Activity Usecase cập nhật Bài viết 81  Hình 67: Sơ đồ Usecase Quản lý Ví dụ 81  Hình 68: Sơ đồ Activity Usecase thêm Ví dụ 82  Hình 69: Sơ đồ Activity Usecase xóa Ví dụ 83  Hình 70: Sơ đồ Activity Usecase xóa Ví dụ 84  Hình 71: Sơ đồ lớp gói vn.hocweb.entity .86  Hình 72: Sơ đồ lớp gói vn.hocweb.dao.interface .87  Hình 73: Sơ đồ lớp gói vn.hocweb.dao.implement 88  Hình 74:Sơ đồ lớp gói vn.hocweb.dao.implement (tiếp theo) 90  Hình 75: Sơ đồ Cơ sở liệu (tổng quan) 91  Hình 76: Sơ đồ sở liệu chi tiết cấu trúc Bài học Ứng dụng 92  Hình 77: Sơ đồ sở liệu chi tiết quan hệ Bài học 93  Hình 78: Sơ đồ sở liệu chi tiết Bài học Công cụ 94  Hình 79: Sơ đồ sở liệu chi tiết Bài học Ứng dụng liên quan 95  Hình 80: Sơ đồ sở liệu chi tiết Bài học Ứng dụng 95  Hình 81: Sơ đồ sở liệu chi tiết Ứng dụng Mã nguồn .96  Hình 82: Sơ đồ sở liệu chi tiết Bài học, Ứng dụng Câu hỏi 97  Hình 83: Sơ đồ trang quản trị 99  Hình 84: Sơ đồ lớp gói Entity Shopping Online .100  Hình 85: Sơ đồ lớp DAO gói Entity Shopping Online 101  IV   ... TÀI: Xây dựng website hocweb.vn hướng dẫn thiết kế triển khai ứng dụng web tảng mã nguồn mở java II NHIỆM VỤ VÀ NỘI DUNG: Nhiệm vụ: - Tìm hiểu xây dựng website HOCWEB.VN hướng dẫn học thiết kế triển. .. văn: Xây dựng website HOCWEB.VN hướng dẫn học thiết kế triển khai ứng dụng web nên tảng mã nguồn mở Java Mục tiêu đề tài xây dựng website hướng dẫn học thiết kế web dựa tảng ngôn ngữ Java Thông... web tảng mã nguồn mở Java: JSP/Servlet, framework ZK…     - Xây dựng website hướng dẫn học thiết kế triển khai ứng dụng web vào thực tế HOCWEB.VN - Xây dựng học hướng dẫn thiết kế, thực triển khai