TÓM TẮT ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN Đề tài: XÂY DỰNG WEBSITE MẠNG XÃ HỘI SỬ DỤNG SPRING FRAMEWORK MVC KẾT HỢP NOSQL

TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THÔNG TIN HỮU NGHỊ VIỆT - HÀN KHOA CƠNG NGHỆ THƠNG TIN  TĨM TẮT ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN Đề tài: XÂY DỰNG WEBSITE MẠNG XÃ HỘI SỬ DỤNG SPRING FRAMEWORK MVC KẾT HỢP NOSQL SVTH : Lê Đức Huy Lớp : CCCT15B Niên khóa : 2015 - 2018 CBHD : TS Nguyễn Quang Vũ Đà Nẵng, tháng 06 năm 2018 LỜI NÓI ĐẦU Đối với tầm quan trọng đồ án tốt nghiệp, yêu cầu kỹ chuyên môn cao đầu tư nghiêm túc từ thời gian công sức Với kiến thức thu nhận trình học tập ghế nhà trường, em định chọn cho đề tài phù hợp với khả thân tình hình thực tế Trong trình tìm hiểu với yêu thích, kiến thức thân, em định chọn cho đề tài phù hợp, “Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL” Trong trình làm đồ án em nhận giúp đỡ nhiệt tình giáo viên hướng dẫn, đặc biệt em gửi lời cảm ơn riêng đến giáo viên hướng dẫn TS Nguyễn Quang Vũ hướng dẫn tận tình em trình thực đồ án Trong q trình thực đồ án cịn nhiều thiết xót, xin phép thầy góp ý cho em để đồ án hoàn thiện Em xin cảm ơn! Sinh viên thực Lê Đức Huy i Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL CHƢƠNG I TỔNG QUAN VỀ ĐỀ TÀI 1.1 GIỚI THIỆU BÀI TOÁN Nghĩ tới xây dựng website sinh viên thường nghĩ đến xây dựng website bán hàng hay website tin tức, mua bán…Thế MXH(Mạng xã hội) lên dạng website thay trang web truyền thống, hầu hết trang bán hàng thương mại điện tử có liên kết với MXH kết nối mạnh mẽ Vì em định chọn cho đề tài liên quan đến việc xây dựng website MXH, có đầy đủ chức MXH liên lạc người dùng tương tác người dùng với 1.2 TÌNH HÌNH NGHIÊN CỨU THỰC TẾ Tình hình thực tế cho thấy website mơ hình MXH xây dựng nhiều hồn thiện, điển hình MXH lớn Việt Nam Nhaccuatui, Zing.Me, Go.vn, Tinhte.vn … forum lớn nhỏ đạt Vậy nên website xây dựng hướng vào việc xây dựng lại chức cần có hệ thống MXH 1.3 TỔNG QUAN VỀ SPRING FRAMEWORK 1.4 TỔNG QUAN VỀ NOSQL 1.5 CƠ SỞ DỮ LIỆU MONGODB 1.6 CƠNG CỤ LẬP TRÌNH 1.6.1 IntelliJ IDEA 1.6.2 Studio 3T (Robomongo) 1.7 MỤC ĐÍCH, MỤC TIÊU, ĐỐI TƢỢNG SỬ DỤNG CỦA ĐỀ TÀI ĐỀ TÀI 1.7.1 Mục đích xây dựng 1.7.2 Mục tiêu xây dựng 1.7.3 Đối tƣợng sử dụng SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL CHƢƠNG II KHẢO SÁT HỆ THỐNG 2.1 YÊU CẦU CHỨC NĂNG HỆ THỐNG 2.2 YÊU CẦU PHI CHỨC NĂNG 2.3 XÁC ĐỊNH CÁC TÁC NHÂN TRONG HỆ THỐNG  Tác nhân thành viên: Tác nhân hệ thống website sử dụng hầu hết chức website như: đăng nhập tài khoản, tìm kiếm bạn bè kết bạn, quản lý đăng cá nhân, xem tương tác với đăng, nhắn tin người dùng  Tác nhân khách truy cập: Khách truy cập trang chưa có tài khoản sử dụng chức đăng ký tài khoản 2.4 XÁC ĐỊNH CÁC TRƢỜNG HỢP SỬ DỤNG  Đăng ký  Đăng nhập  Đăng  Xem dòng thời gian  Upload ảnh  Xem bảng tin  Tương tác đăng  Đổi mật  Tìm kiếm người dùng  Xem ảnh  Nhắn tin  Chỉnh sửa hồ sơ  Quản lý bạn bè  Xóa ảnh  Quản lý đăng  Thông tin hồ sơ tài khoản  Lấy lại mật  Xác thực tài khoản SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL Hình 2.1 Biểu đồ trường hợp sử dụng hệ thống 2.4.1 Biểu đồ trƣờng hợp sử dụng nhắn tin 2.4.2 Biểu đồ trƣờng hợp sử dụng chỉnh hồ sơ 2.4.3 Biểu đồ trƣờng hợp sử dụng quản lý bạn bè 2.4.4 Biểu đồ trƣờng hợp sử dụng tƣơng tác đăng: 2.4.5 Biểu đồ trƣờng hợp sử dụng tìm kiếm ngƣời dùng 2.4.6 Biểu đồ trƣờng hợp sử dụng quản lý đăng 2.5 ĐẶC TẢ CÁC TRƢỜNG HỢP SỬ DỤNG SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL CHƢƠNG III: MƠ HÌNH KHÁI NIỆM 3.1 XÁC ĐỊNH CÁC LỚP ĐỐI TƢỚNG  Tài khoản (TaiKhoan): email, password, password_salt, maXacThucMail  Hồ sơ tài khoản (HoSoTaiKhoan): id, email, ten, ho, gioiTinh, phone, ngaySinh, noiSong anhDaiDien, anhBia, hinhAnh, thoiGianHoatDong, thoiGianTao  Bài đăng (BaiDang): id, nguoiDang, noiDung, thoiGian, luotThich, luotBinhLuan, luotChiaSe, hinhAnh, chiaSe  Hội thoại (HoiThoai): id, thanhVien, thoiGian, soLuongTinNhan,  Tin nhắn (TinNhan): id, maHoiThoai, noiDung, thoiGian, nguoiGui, trangThai  Thích (Thich): id, maBaiDang, nguoiThich  Bình luận (BinhLuan): id, maBaiDang, noiDung, nguoiBinhLuan, thoiGian,  Chia sẻ (ChiaSe): id, maBaiDang, nguoiChiaSe, thoiGian,  Hình ảnh (HinhAnh): thoiGianUpload, duongDan, dungLuong  Tỉnh/ thành phố: (TinhThanh): maThanhPho, tenThanhPho  Quận/huyện: (QuanHuyen): tenQuanHuyen  Bạn bè (BanBe): tenHienThi, anhDaiDien, maHoSoTaiKhoan  Trạng thái (TrangThai): quyen, kichHoat, xacThuc 3.2 CÁC GÓI TRONG HỆ THỐNG 3.2.1 Lớp biên 3.2.2 Lớp điều khiển 3.2.3 Biểu đồ lớp mức phân tích SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL Hình 3.3 Biểu đồ lớp thực thể 3.2.4 Thiết kế sở liệu SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL CHƢƠNG IV MƠ HÌNH HĨA TƢƠNG TÁC ĐỐI TƢỢNG 4.1 BIỂU ĐỒ TRÌNH TỰ ĐĂNG NHẬP 4.2 BIỂU ĐỒ TRÌNH TỰ ĐĂNG KÝ 4.3 BIỂU ĐỒ TRÌNH TỰ ĐỔI MẬT KHẨU 4.4 BIỂU ĐỒ TRÌNH TỰ ĐĂNG BÀI Hình 4.4 Biểu đồ trình tự đăng 4.5 BIỂU ĐỒ TRÌNH TỰ CHỈNH SỬA BÀI ĐĂNG 4.6 BIỂU ĐỒ TRÌNH TỰ XĨA BÀI ĐĂNG 4.7 BIỂU ĐỒ TRÌNH TỰ BÌNH LUẬN BÀI ĐĂNG Hình 4.7 Biểu đồ trình tự bình luận đăng SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL 4.8 BIỂU ĐỒ TRÌNH TỰ XEM HỒ SƠ TÀI KHOẢN 4.9 BIỂU ĐỒ TRÌNH TỰ CHỈNH SỬA HỒ SƠ TÀI KHOẢN 4.10 BIỂU ĐỒ TRÌNH TỰ CHỈNH SỬA ẢNH ĐẠI DIỆN Hình 4.10 Biểu đồ trình tự chỉnh sửa ảnh đại diện 4.11 BIỂU ĐỒ TRÌNH TỰ CHỈNH SỬA ẢNH BÌA 4.12 BIỂU ĐỒ TRÌNH TỰ UPLOAD HÌNH ẢNH Hình 4.12 Biểu đồ trình tự upload ảnh 4.13 BIỂU ĐỒ TRÌNH TỰ XĨA HÌNH ẢNH 4.14 BIỂU ĐỒ TRÌNH TỰ XEM HÌNH ẢNH 4.15 BIỂU ĐỒ TRÌNH TỰ XEM DANH SÁCH BẠN BÈ 4.16 BIỂU ĐỒ TRÌNH TỰ TÌM KIẾM NGƢỜI DÙNG 4.17 BIỂU ĐỒ TRÌNH TỰ KẾT BẠN SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL 4.18 BIỂU ĐỒ TRÌNH TỰ HỦY KẾT BẠN SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL CHƢƠNG V MÔ HÌNH HĨA HÀNH VI 5.1 BIỂU ĐỒ TRẠNG THÁI 5.1.1 Biểu đồ trạng thái bình luận 5.1.2 Biểu đồ trạng thái chia sẻ đăng 5.1.3 Biểu đồ trạng thái đăng 5.1.4 Biểu đồ trạng thái đăng ký 5.1.5 Biểu đồ trạng thái đăng nhập 5.1.6 Biểu đồ trạng thái nhận tin nhắn 5.1.7 Biểu đồ trạng thái thích đăng 5.1.8 Biểu đồ trạng thái tìm kiếm ngƣời dùng 5.1.9 Biểu đồ trạng thái upload hình ảnh 5.1.10 Biểu đồ trạng thái nhắn tin 5.2 BIỂU ĐỒ HOẠT ĐỘNG 5.2.1 Biểu đồ hoạt động chỉnh sửa hồ sơ tài khoản 5.2.2 Biểu đồ hoạt động nhắn tin 5.2.3 Biểu đồ hoạt động xóa tin nhắn 5.2.4 Biểu đồ hoạt động tìm kiếm ngƣời dùng 5.2.5 Biểu đồ hoạt động xem bảng tin 5.2.6 Biểu đồ hoạt động xem dịng thời gian 5.2.7 Biểu đồ hoạt động xem thơng tin hồ sơ tài khoản 5.2.8 Biểu đồ hoạt động đăng 5.2.9 Biểu đồ hoạt độngchỉnh sửa đăng 5.2.10 Biểu đồ hoạt động xóa đăng 5.2.11 Biểu đồ hoạt động thích viết 5.2.12 Biểu đồ hoạt động bình luận viết 5.2.13 Biểu đồ hoạt động đăng nhập 5.2.14 Biểu đồ hoạt động đăng ký 5.2.15 Biểu đồ hoạt động đổi mật SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL CHƢƠNG VI CÀI ĐẶT VÀ MÔ TẢ GIAO DIỆN HỆ THỐNG 6.1 GIAO DIỆN TRANG ĐĂNG NHẬP 6.2 GIAO DIỆN TRANG ĐĂNG KÝ 6.3 GIAO DIỆN HỘP THƢ XÁC THỰC TÀI KHOẢN Hình 6.3 Giao diện xác thực tài khoản Sau đăng ký thành cơng, bạn phải kích hoạt tài khoản theo đường link mà hệ thống gửi cho email bạn 6.4 GIAO DIỆN TRANG CÁ NHÂN NGƢỜI DÙNG SVTH: Lê Đức Huy – Lớp CCCT15B 10 Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL Hình 6.4 Giao diện cá nhân người dùng 6.5 GIAO DIỆN TRANG CÁ NHÂN BẠN BÈ 6.6 GIAO DIỆN CHỈNH SỬA HỒ SƠ TÀI KHOẢN CÁ NHÂN Hình 6.6 Giao diện hồ sơ tài khoản cá nhân SVTH: Lê Đức Huy – Lớp CCCT15B 11 Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL 6.7 GIAO DIỆN TRANG ĐỔI MẬT KHẨU Hình 6.7 Giao diện trang đổi mật 6.8 GIAO DIỆN TRANG XEM ẢNH 6.9 GIAO DIỆN TRANG CHỦ 6.10 GIAO DIỆN TÌM KIẾM NGƢỜI DÙNG SVTH: Lê Đức Huy – Lớp CCCT15B 12 Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL KẾT LUẬN Với kiến thức mà có, em cố gắng xây dựng website cho riêng mình, website hồn thành với tính thiết yếu cần có MXH sử dụng Hy vọng tương lai mở rộng phát triển đưa vào sử dụng Thông qua đồ án tốt nghiệp, em tích lũy cho nhiều kiến thức bổ ích giúp ích cho dự án tới phát triển khả thân Website xây dựng khoảng thời gian ngắn cịn nhiều thiếu xót, tương lai em cải tiến để mở rộng thêm chức khác cho website Một lần em xin gửi lời ơn nhiều đến GVHD TS Nguyễn Quang Vũ hỗ trợ em trình thực đồ án SVTH: Lê Đức Huy – Lớp CCCT15B 13 Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL TÀI LIỆU THAM KHẢO [1] Giáo trình phân tích thiết kế hướng đối tượng trường CĐ CNTT Hữu Nghị Việt Hàn [2] https://stackjava.com/ [3] https://spring.io/docs/ [4] https://docs.mongodb.com/manual/ ix ... duongDan, dungLuong  Tỉnh/ thành phố: (TinhThanh): maThanhPho, tenThanhPho  Quận /huy? ??n: (QuanHuyen): tenQuanHuyen  Bạn bè (BanBe): tenHienThi, anhDaiDien, maHoSoTaiKhoan  Trạng thái (TrangThai):... tích SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL Hình 3.3 Biểu đồ lớp thực thể 3.2.4 Thiết kế sở liệu SVTH: Lê Đức Huy – Lớp CCCT15B... TRÌNH TỰ KẾT BẠN SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng website mạng xã hội sử dụng Spring Framework MVC kết hợp NoSQL 4.18 BIỂU ĐỒ TRÌNH TỰ HỦY KẾT BẠN SVTH: Lê Đức Huy – Lớp CCCT15B Xây dựng