Xây dựng website chia sẻ hình ảnh

TRƯỜNG ĐẠI HỌC DÂN LẬP VĂN LANG KHOA CÔNG NGHỆ THÔNG TIN Sinh viên thực hiện: VÕ DUY LỤC - T074204 NGUYỄN VĂN PHONG - T076179 XÂY DỰNG WEBSITE CHIA SẺ HÌNH ẢNH BÁO CÁO KHĨA LUẬN TỐT NGHIỆP CỬ NHÂN TIN HỌC Giáo viên hướng dẫn: Ths Nguyễn Phước Đại NIÊN KHÓA 2007 – 2011 GVHD: Nguyễn Phước Đại WEBSITE CHIA SẺ HÌNH ẢNH LỜI CẢM ƠN  Đầu tiên chúng em xin gửi lời cảm ơn chân thành đến quý Thầy, Cô khoa Công nghệ thông tin, trường Đại học dân lập Văn Lang tận tình giảng dạy, truyền đạt kiến thức, kinh nghiệm quý báu hỗ trợ mặt cho chúng em suốt bốn năm đại học.Với hành trang đạo đức rèn luyện kiến thức gặt hái chúng em tin tự tin bước vào đời Chúng em xin chân thành cảm ơn nhà truờng tạo điều kiện thuận lợi môi trường giáo dục tốt cho chúng em học tập sinh hoạt Đặc biệt chúng em xin bày tỏ lòng biết ơn sâu sắc đến thầy ThS Nguyễn Phước Đại giáo viên trực tiếp hướng dẫn khóa luận tốt nghiệp cho chúng em Thầy ln quan tâm, động viên, tận tình, giúp đỡ chúng em suốt q trình thực khóa luận Chúng xin cảm ơn tất bạn bè lớp K13T, người bạn thân thương gắn bó, chia sẻ, giúp đỡ động viên suốt thời gian học tập vừa qua thực khóa luận Cuối cùng, chúng kính gửi lời cảm ơn sâu sắc đến tồn thể gia đình Cảm ơn bố mẹ khó nhọc sinh thành giáo dưỡng chúng Cảm ơn tất người tin tưởng, khích lệ, động viên tạo điều kiện tốt cho chúng suốt thời gian qua để chúng có thành ngày hơm Trong q trình thực khóa luận, chúng em cố gắng hoàn thành tốt với tất nỗ lực thân, chắn khóa luận khơng tránh khỏi sai sót hạn chế Kính mong cảm thông bảo quý Thầy, Cơ bạn Chúng em kính chúc sức khỏe quý Thầy, Cô Chúng em xin chân thành cảm ơn! Sinh viên thực khóa luận VÕ DUY LỤC NGUYỄN VĂN PHONG -3- GVHD: Nguyễn Phước Đại WEBSITE CHIA SẺ HÌNH ẢNH Nhận Xét Của Giáo Viên Hướng Dẫn -4- GVHD: Nguyễn Phước Đại WEBSITE CHIA SẺ HÌNH ẢNH Nhận Xét Của Giáo Viên Phản Biện -5- GVHD: Nguyễn Phước Đại WEBSITE CHIA SẺ HÌNH ẢNH MỤC LỤC Lời mở đầu 13 Chương 15 GIỚI THIỆU TỔNG QUAN VỀ ĐỀ TÀI 15 1.1 Giới thiệu tổng quan đề tài 15 1.2 Đặc tả hệ thống 16 1.3 Xác định yêu cầu .17 1.3.1 Yêu cầu chức 17 1.3.2 Yêu cầu phi chức .19 Chương 22 PHÂN TÍCH CÁC YÊU CẦU .22 2.1 Mơ hình hóa usecase 22 2.1.1 Usecase Diagram 22 2.1.2 Danh sách actor uescase 23 2.1.3 Đặc tả usecase .25 2.2 Mơ hình hóa cấu trúc 79 2.2.1 2.3 Class Diagram 79 Mơ hình hóa hành vi 80 2.3.1 Sequence diagram .80 2.3.2 State Diagram .99 2.3.3 Activity Diagram 100 Chương .104 THIẾT KẾ HỆ THỐNG .104 3.1 Thiết kế sở liệu 104 3.1.1 Mơ hình quan hệ thực thể 104 3.1.2 Database Diagram .110 3.1.3 Mô tả liệu .111 Chương .118 HIỆN THỰC HỆ THỐNG 118 4.1 Sitemap 118 -6- GVHD: Nguyễn Phước Đại WEBSITE CHIA SẺ HÌNH ẢNH 4.1.1 Sơ đồ giao diện người dùng 118 4.1.2 Sơ đồ giao diện thành viên .119 4.1.3 Sơ đồ giao diện quản trị 120 4.2 Các giao diện website .121 4.2.1 Giao diện trang chủ 121 4.2.2 Giao diện trang đăng ký thành viên 122 4.2.3 Giao diện đăng nhập 122 4.2.4 Giao diện chỉnh sửa thông tin cá nhân .123 4.2.5 Popup đổi mật 123 4.2.6 Danh sách Album .124 4.2.7 Popup thêm Album 124 4.2.8 Giao diện hiển thị hình ảnh Album 125 4.2.9 Giao diện trang Upload hình 126 4.2.10 Popup báo cáo vi phạm .126 4.2.11 Xem ảnh 127 4.2.12 Popup sửa thông tin ảnh 128 4.2.13 Giao diện trang Admin 128 4.2.14 Giao diện quản lý thành viên 129 4.2.15 Giao diện quản lý nhóm thành viên 129 4.2.16 Giao diện thêm nhóm thành viên 130 4.2.17 Giao diện quản lý tin tức 130 4.2.18 Giao diện phân quyền nhóm thành viên 131 Chương .132 KẾT LUẬN 132 5.1 Đánh giá khóa luận 132 5.1.1 Kết đạt .132 5.1.2 Điểm hạn chế 132 5.2 Hướng phát triển 133 -7- GVHD: Nguyễn Phước Đại WEBSITE CHIA SẺ HÌNH ẢNH -8- GVHD: Nguyễn Phước Đại WEBSITE CHIA SẺ HÌNH ẢNH Danh mục hình ảnh Hình 2.1 Sơ đồ UseCase 22 Hình 2.2 Usecase “Dang Ky” 25 Hình 2.3 Usecase “Dang Nhap” .26 Hình 2.4 Usecase “Xem Tin Tuc” 28 Hình 2.5 Usecase “Xem Album/Anh” 30 Hình 2.6 Usecase “Bao Cao Anh Vi Pham” 31 Hình 2.7 Usecase “Danh Gia Album/Anh(Rate)” 32 Hình 2.8 Usecase “Tim Kiem” .33 Hình 2.9 Usecase “Dang Xuat” 34 Hình 2.10 Usecase “Binh Luan Album/Anh” 35 Hình 2.11 Usecase “Xoa Binh Luan Ca Nhan” .36 Hình 2.12 Usecase “Quan Ly Album” 37 Hình 2.13 Usecase “Them Album” 38 Hình 2.14 Usecase “Xoa Album” 39 Hình 2.15 Usecase “Sua Mo Ta Album” .40 Hình 2.16 Usecase “Quan Ly Anh” .41 Hình 2.17 Usecase “Them Anh” 42 Hình 2.18 Usecase “Xoa Anh” .44 Hình 2.19 Usecase “Sua Mo Ta Anh” 45 Hình 2.20 Usecase “Sua TT Ca Nhan” 46 Hình 2.21 Usecase “Quan Ly Chu De” 47 Hình 2.22 Usecase “Them Chu De” 48 Hình 2.23 Usecase “Xoa Chu De” 49 Hình 2.24 Usecase “Sua Chu De” 50 Hình 2.25 Usecase “Quan Ly Thanh Vien” 51 Hình 2.26 Usecase “Tim Kiem TV” 52 Hình 2.27 Usecase “Xoa Thanh Vien” 54 Hình 2.28 Usecase “Sua TT Thanh Vien” .55 Hình 2.29 Usecase “Quan Ly Tat Ca Album” .56 Hình 2.30 Usecase “Tim Kiem Album” 57 Hình 2.31 Usecase “Xoa Album (Admin)” 58 Hình 2.32 Usecase “Sua Mo Ta Album (Admin)” 59 Hình 2.33 Usecase “Quan Ly Tat Ca Anh” 61 Hình 2.34 Usecase “Tim Kiem Anh” .62 Hình 2.35 Usecase “Xoa Anh (Admin)” 63 Hình 2.36 Usecase “Sua Mo Ta Anh (Admin)” .64 -9- GVHD: Nguyễn Phước Đại WEBSITE CHIA SẺ HÌNH ẢNH Hình 2.37 Usecase “Cap Nhat Trang Thai Bao Cao Vi Pham” .65 Hình 2.38 Usecase “Quan Ly Tin Tuc” 66 Hình 2.39 Usecase “Tim Kiem Tin Tuc” .67 Hình 2.40 Usecase “Them Tin Tuc” 68 Hình 2.41 Usecase “Xoa Tin Tuc” 70 Hình 2.42 Usecase “Sua Tin Tuc” 71 Hình 2.43 Usecase “Quan Ly Nhom” 72 Hình 2.44 Usecase “Them Nhom” 73 Hình 2.45 Usecase “Xoa Nhom” 74 Hình 2.46 Usecase “Sua Nhom” 75 Hình 2.47 Usecase “Phan Quyen” 77 Hình 2.49 Sequence Đăng ký thành cơng 80 Hình 2.50 Sequence Đăng ký thất bại 81 Hình 2.51 Sequence Đăng nhập thành công 82 Hình 2.52 Sequence Đăng nhập thất bại 83 Hình 2.53 Sequence Xem tin tức 84 Hình 2.54 Sequence Xem Album/Ảnh 84 Hình 2.55 Sequence Báo cáo vi phạm 85 Hình 2.56 Sequence Đánh giá ảnh 85 Hình 2.57 Sequence Đăng xuất 86 Hình 2.58 Sequence Bình luận album/ảnh .86 Hình 2.59 Sequence Xóa bình luận cá nhân 87 Hình 2.60 Sequence Thêm album 87 Hình 2.61 Sequence Xóa album .88 Hình 2.62 Sequence Sửa mơ tả album 88 Hình 2.63 Sequence Thêm ảnh 89 Hình 2.64 Sequence Xóa ảnh 89 Hình 2.65 Sequence Sửa mơ tả ảnh 90 Hình 2.66 Sequence Sửa thông tin cá nhân 90 Hình 2.67 Sequence Thêm chủ đề 91 Hình 2.68 Sequence Xóa chủ đề 91 Hình 2.69 Sequence Sửa chủ đề .92 Hình 2.70 Sequence Tìm kiếm thành viên thành cơng 92 Hình 2.71 Sequence Tìm kiếm thành viên thất bại 93 Hình 2.72 Sequence Xóa thành viên 93 Hình 2.73 Sequence Sửa thông tin thành viên .94 Hình 2.74 Sequence Thêm tin tức 94 Hình 2.75 Sequence Xóa tin tức .95 - 10 - GVHD: Nguyễn Phước Đại WEBSITE CHIA SẺ HÌNH ẢNH Hình 2.76 Sequence Sửa tin tức .95 Hình 2.77 Sequence Cập nhật trạng thái báo cáo vi phạm .96 Hình 2.78 Sequence Xóa bình luận 96 Hình 2.79 Sequence Tìm kiếm thành cơng 97 Hình 2.81 Sequence Tìm kiếm thất bại 98 Hình 2.82 Sate Diagram 99 Hình 2.83 Activity Đăng ký 100 Hình 2.84 Activity Đăng nhập .101 Hình 2.85 Activity Tìm kiếm .101 Hình 2.86 Activity Upload ảnh 102 Hình 2.87 Activity Đổi mật 103 Hình 3.1 Mối quan hệ thực thể Thành viên album 104 Hình 3.2 Mối quan hệ thực thể Thành viên bình luận .105 Hình 3.3 Mối quan hệ thực thể Thành viên bình luận .105 Hình 3.4 Mối quan hệ thực thể Nhóm thành viên thành viên 105 Hình 3.5 Mối quan hệ thực thể chủ đề album 106 Hình 3.6 Mối quan hệ thực thể album hình ảnh 106 Hình 3.7 Mối quan hệ thực thể album bình luận .107 Hình 3.8 Mối quan hệ thực thể hình ảnh bình luận 107 Hình 3.9 Mối quan hệ thực thể hình ảnh vi phạm 107 Hình 3.10 Mối quan hệ thực thể hình ảnh đánh giá 108 Hình 3.11 Mối quan hệ thực thể nhóm thành viên quyền .108 Hình 3.13 Mối quan hệ thực thể controller action 109 Hình 3.14 Database Diagram .110 Hình 4.1 Sơ đồ giao diện nguời dùng 118 Hình 4.2 Sơ đồ giao diện thành viên 119 Hình 4.3 Sơ đồ giao diện quản trị viên 120 Hình 4.4 Giao diện trang chủ .121 Hình 4.1 Giao diện trang đăng ký 122 Hình 4.2 Giao diện đăng nhập 122 Hình 4.3 Giao diện chỉnh sửa thông tin cá nhân 123 Hình 4.4 Giao diện popup đổi mật 123 Hình 4.5 Giao diện danh sách Album 124 Hình 4.6 Giao diện popup thêm Album .124 Hình 4.7 Giao diện xem danh sách ảnh 125 Hình 4.8 Giao diện trang Upload 126 Hình 4.9 Giao diện popup báo cáo vi phạm 126 Hình 4.10 Giao diện trang xem ảnh .127 - 11 -