Đang tải... (xem toàn văn)
Đồ án WEB(có cả soure CODE) Xây dựng website mạng xã hội lưu trữ chia sẻ tài liệu Cài đặt trang web xong. user: admin pass: 123456 Bạn nào có thắc mắc gì gửi mail về ydinhdoan95@gmail.com
LỜI CẢM ƠN Qua ba năm học tập rèn luyện trường Trường Cao đẳng Công nghệ thông tin hữu nghị Việt - Hàn, bảo giảng dạy nhiệt tình quý thầy cô, đặc biệt quý thầy cô Khoa Công nghệ thông tin truyền đạt cho em kiến thức lý thuyết thực hành suốt thời gian học trường Cùng với nổ lực thân, em hoàn thành đồ án tốt nghiệp Từ kết đạt này, em xin chân thành cám ơn Quý thầy cô trường Trường Cao đẳng Công nghệ thông tin hữu nghị Việt - Hàn, truyền đạt cho em kiến thức bổ ích thời gian qua Đặc biệt, thầy Ths Trần Văn Đại tận tình hướng dẫn em hoàn thành tốt đồ án tốt nghiệp Do kiến thức hạn hẹp nên không tránh khỏi thiếu sót cách làm đồ án, lỗi trình bày Em mong nhận đóng góp ý kiến quý thầy cô ban lãnh đạo nhà trường, để đồ án tốt nghiệp đạt kết tốt Em xin chân thành cảm ơn ! Đà Nẵng, tháng 06 năm 2017 Sinh viên thực Đoàn Đình Ý MỤC LỤC DANH MỤC HÌNH ẢNH Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu LỜI MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, công ty, đóng vai trò quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin công nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng cho truyền tải, trao đổi thông tin toán toàn cầu Với phát triển công nghệ thông tin, việc tìm tòi học hỏi, tìm kiếm tài liệu, … nhu cầu ngày tăng cao Tìm kiếm tài liệu đơn giản kho tài liệu phân chia riêng biệt theo chia sẻ tài liệu trực tuyến nhiều người biết đến Việc tạo diễn đàn để học hỏi lẫn thiết yếu Với mong muốn phát triển hệ thống chia tài liệu, bước khởi đầu nghiệp, chúng em đặt mục tiêu mong muốn phát triển hệ thống tiến xa tương lai trang web uy tín thành công SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu CHƯƠNG GIỚI THIỆU TỔNG QUAN 1.1 Giới thiệu sản phẩm Xuất phát từ nhu cầu quản lý, lưu trữ chia sẻ tập tin học tập môi trường sinh viên sản phẩm mang tên “Website lưu trữ chia sẻ tài liệu” đời Toàn giao diện sản phẩm ứng dụng Font-end Framework Bootstrap điều giúp sản phẩm hoạt động hiển thị ổn định hệ điều hành đời máy, tính Responsive Bootstrap Sản phẩm ứng dụng công nghệ Ajax, giúp người dùng thao tác nhanh hơn, mượt mà hơn, tiết kiệm thời gian duyệt web Sản phẩm mang tới cho người sử dụng giải pháp lưu trữ, chia sẻ, xem trực tiếp, backup tài liệu … thứ dễ dàng Sản phẩm chạy online địa chỉ: http://DoanDinhY.Com 1.2 Giới thiệu chung mô hình MVC 1.2.1 Mô hình kiến trúc MVC Trong MVC, liệu nhận View, View chuyển cho Controller cập nhật vào Model, sau liệu Model đưa lại cho View mà không thông qua Controller, luồng xử lý có hình tam giác Hình 1.1 Mô hình kiến trúc MVC SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu • Model Đây thành phần chứa tất nghiệp vụ logic, phương thức xử lý, truy xuất database, đối tượng mô tả liệu Class, hàm xử lý • View Đảm nhận việc hiển thị thông tin, tương tác với người dùng, nơi chứa tất đối tượng GUI textbox, images Hiểu cách đơn giản, tập hợp form file HTML - Hyper Text Markup Language • Controller Giữ nhiệm vụ nhận điều hướng yêu cầu từ người dùng gọi phương thức xử lý chúng Chẳng hạn thành phần nhận request từ url form để thao tác trực tiếp với Model 1.2.2 MVC làm việc nào? Nhìn lại sơ đồ phía trên, ta thấy có mũi tên nét liền mũi tên nét đứt Những mũi tên nét đứt hình thành quan điểm người dùng mà nhà thiết kế phần mềm thực Do quan tâm đến mũi tên lại Đây cách đơn giản để mô tả lại luồng kiện xử lý MVC: • User tương tác với View, cách click vào button, user gửi yêu cầu • Controller nhận điều hướng chúng đến phương thức xử lý Model • Model nhận thông tin thực thi yêu cầu • Khi Model hoàn tất việc xử lý, View nhận kết từ Model hiển thị lại cho người dùng SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu Hình Mô hình xử lý kiến trúc MVC 1.2.3 Ưu điểm nhược điểm kiến trúc MVC • Ưu điểm: Thể tính chuyên nghiệp lập trình, phân tích thiết kế Do chia thành thành phần độc lập nên giúp phát triển ứng dụng nhanh, đơn giản, dễ nâng cấp, bảo trì… • Nhược điểm : Đối với dự án nhỏ việc áp dụng mô hình MVC gây cồng kềnh, tốn thời gian trình phát triển Tốn thời gian trung chuyển liệu thành phần 1.3 Giới thiệu chung Bootstrap Framework 1.3.1 Bootstrap ? Bootstrap framework cho phép thiết kế website reponsive nhanh dễ dàng Bootstrap bao gồm HTML templates, CSS templates Javascript tao có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels nhiều thứ khác Trong bootstrap có thêm plugin Javascript Giúp cho việc thiết kế reponsive bạn dễ dàng nhanh chóng 1.3.2 Tại phải sử dụng Bootstrap ? Bootstrap có ưu điểm bật so với framework khác như: Rất dễ để sử dụng: Nó đơn giản base HTML, CSS Javascript cẩn có kiến thức sử dụng bootstrap tốt SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu Điều đặc biệt Bootstrap chuẩn HTML5 CSS3, Boostrap phổ biến đông đảo lập trình viên sử dụng Hình 1.1 Logo HTML5 CSS3 Một vài website sử dụng Bootstrap: fshare.vn, tenlua.vn, itc.viethanit.edu.vn … Tính Responsive: Với Bootstrap, việc phát triển giao diện website để phù hợp với đa thiết bị trở nên dễ dàng hết Đây xu hướng phát triển giao diện website ưu chuộng giới Bản demo mẫu giao diện hiển thị thiết bị: Hình 1.2 Công nghệ Responsive Tương thích với trình duyệt: Nó tương thích với tất trình duyệt (Chrome, Firefox, Internet Explorer, Safari, and Opera) lưu ý IE hạn chế với IE phiên cũ việc IE9 hay IE8 đổ xuống không hỗ trợ điều đáng lo ngại Tiết kiệm thời gian: Boostrap giúp người thiết kế giao diện website tiết kiệm nhiều thời gian Các thư viện Bootstrap có đoạn mã sẵn sàng cho bạn áp dùng vào website Bạn tốn nhiều thời gian để tự viết code cho giao diện Tùy biến cao: Bạn hoàn toàn dựa vào Bootstrap phát triển tảng giao diện Bootstrap cung cấp cho bạn hệ thống Grid System mặc định bao gồm SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu 12 bột độ rộng 940px Bạn thay đổi, nâng cấp phát triển dựa tảng Với ưu bật Bootstrap có hạn chế định Sản phẩm nặng, tốc độ tối ưu chưa cao: nên dự án bạn đòi hỏi sản phẩm nhẹ việc sử dụng bootstrap gánh nặng cho web Chưa hoàn thiện: Bootstrap chưa đầy đủ thư viện cần thiết Các phát triển chưa thể tạo framework riêng hoàn hảo, số trang web phải dùng phiên dành riêng cho mobile Quá nhiều code thừa: Không thể phủ nhận Bootstrap có nhiều ưu điểm cấp gần đầy đủ tính trang web responsive đại Tuy nhiên, mặt trái việc website bạn phải tải thêm nhiều dòng code không cần thiết mà bạn cần chưa đến 10% Bootstrap cung cấp Bootstrap không khuyến khích sáng tạo: Chỉ cần nhét Bootstrap vào themes sẵn có, gọi class từ stylesheet bạn có trang web responsive trông ổn ổn Sự tiện dụng dễ dàng Bootstrap nhiều khuyễn khích tính lười sáng tạo, vốn thường trực Kết là, thướng thoả hiệp thực muốn cho website để đổi lấy tiện dụng tiết kiệm thời gian mà Bootstrap mang lại Hình 1.3 Logo Bootstrap Framework 1.3.3 Cách cài đặt Framework Bootstrap Twitter Bootstrap giúp giảm thiểu thời gian thiết kết html css.Twitter Bootstrap định nghĩa sẳn class css công việc sử dụng class vào mục đích Bước 1: Tải Bootstrap đây: http://getbootstrap.com.vn/getting-started/#download SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu Sau tải về, có file Zip Tiến hành giải nén ta có thư mục có tên bootstrap, bên có thư mục: css, img, js Hình 1.4 Cây thư mục Bootstrap Bước 2: Chúng ta tạo file html có tên index.html thư mục bootstrap vừa giải nén phía Hình 1.5 Code trang index.html 1.4 Giới thiệu chung công nghệ Ajax 1.4.1 AJAX gì? AJAX cụm từ viết tắt Asynchronous JavaScript and XML, nghĩa JavaScript XML không đồng SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 10 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu Tocao (Tố cáo): lớp chứa nội dung sai phạm tài liệu mà người dùng tố giác cho quản trị viên Thongbao (Thông báo): lớp chứa thông báo đến từ tương tác thành viên với hệ thống với thành viên khác Tintuc (Tin tức): lớp chứa tin tức quản trị viên đăng tải Tinnhan (Tin nhắn): lớp chứa tin nhắn riêng gửi hai người với Thich (Thích): lớp chứa trạng thái thích cho tài liệu đăng tải Lichsu (Lịch sử): lớp chứa hoạt động người dùng Theodoi (Theo dõi): lớp chứa trạng thái theo dõi người dùng với Thumuc (Thư mục): lớp chứa thư mục người dùng (id thư mục, id người tạo) Tailieu (Tài liệu): lớp chứa tài liệu mà người dùng đăng tải Ghimbai (Ghim bài): lớp chứa tài liệu ghim Binhluan (Bình luận): lớp chứa bình luận người dùng cho tài liệu Chattong (Chat tổng): lớp chứa tin nhắn chat tổng 2.3.2 Mối quan hệ lớp STT Lớp quan hệ Tên mối quan hệ Thich – Tailieu Thuộc Binhluan – Tailieu Thuộc Ghimbai_Tailieu Thuộc Tailieu_Thumuc Thuộc Tailieu_Chuyenmuc Thuộc 2.3.3 Các gói hệ thống 2.3.3.1 Các lớp biên SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 17 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu FrmDangNhap FrmDangKy FrmCapNhatAnhDaiDien FrmDangTaiLieu FrmTimKiem FrmDoiMatKhau FrmChinhSuaHoSo FrmBinhLuanTaiLieu FrmKhoiPhucMatKhau FrmTaoThuMuc FrmChatTong FrmNhantin FrmCapNhatChuyenMuc Frm CapNhatTinTuc Hình 2.2 Các lớp biên 2.3.3.2 Các lớp điều khiển CtlDangky CtlDoiMatKhau CtlChinhSuaHoSo CtlCapNhatAnhDaiDien CtlDangTaiLieu CtlBinhLuanTaiLieu CtlTaoThuMuc CtlTimKiem CtlKhoiPhucMatKhau CtlChatTong CtlNhanTin CtlDangnhap CtlCapNhatChuyenMuc CtlCapNhatTinTuc Hình 2.3 Các lớp điều khiển 2.3.3.3 Biểu đồ lớp mức phân tích SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 18 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu ToCao id_user : Int id_link : varchar time : int GhimBai user_id : int id_link : varchar * * * BinhLuan id_file : int user_id : int text : varchar 1 ThuMuc name_folder : varchar pass : varchar user_id : int 1 1 TinTuc id_user : Int Text : varchar Time : Int * * 1 TaiKhoan name3 * name2 name : varchar password : varchar fullname : varchar sex : char rights : tinyint mail : varchar phone : varchar * * ThongBao form_id : int user_id : int file : varchar content : int time : int NhanTin id_sent : int id_contact : int time : int text : varchar ChatTong user_id : int text : varchar LichSu user_id : int type : int id_link : varchar time : int text : varchar * * * TaiLieu folder_id : int name_file : varchar id_type : int 1 * Thich file_id : Int file_from : int user_id : int 1 * ChuyenMuc nametype : varchar type : varchar TheoDoi user_follow : int user_id : int Hình 2.4 Biểu đồ lớp mức phân tích 2.4 Mô hình hóa tương tác đối tượng 2.4.1 Biểu đồ trình tự 2.4.1.1 Biểu đồ trình tự đăng nhập : Quan tri vien : FrmDangNhap : Thanh Vien : TaiKhoan : CtlDangnhap 1: Nhap tai khoan, mat khau() 2: Nhap tai khoan, mat khau() 3: Dang nhap (tai khoan, mat khau) 4: Kiem tra() 5: Thong bao ket qua 6: Dong() Hình 2.5 Biểu đồ trình tự đăng nhập 2.4.1.2 Biểu đồ trình tự tải lên tài liệu SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 19 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu : Quan tri vien : Thanh Vien 1: Chon tai lieu tai len() : FrmDangTaiLieu : CtlDangTaiLieu 2: Chon tai lieu tai len() 3: Thuc hien() 4: Kiem tra() 5: Thong bao ket qua() Hình 2.6 Biểu đồ trình tử tải lên tài liệu SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 20 : TaiLieu Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu 2.4.1.3 Biểu đồ trình tự tìm kiếm : Quan tri vien : Thanh Vien 1: Nhap key tim kiem() : FrmTimKiem : TaiLieu : CtlTimKiem : TaiKhoan 2: Nhap key tim kiem() 3: Yeu cau tim kiem() 4: Xu ly tim kiem 5: Tao truy van 6: Cung cap TT() 7: Cung cap TT() 8: Tra ve ket qua() Hình 2.7 Biểu đồ trình tự tìm kiếm 2.4.2 Biểu đồ cộng tác 2.4.2.1 Biểu đồ cộng tác tạo thư mục 2: Dat ten cho thu muc() : Quan tri vien : Thanh Vien 1: Dat ten cho thu muc() 6: Thong bao ket qua() : FrmTaoThuMuc 4: Kiem tra() 3: Thuc hien() 5: Kiem tra trung ten thu muc() : CtlTaoThuMuc Hình 2.8 Biểu đồ cộng tác tạo thư mục SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 21 : ThuMuc Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu 2.4.2.2 Biểu đồ cộng tác nhắn tin 2: Nhap noi dung tin nhan() : Thanh Vien 4: Kiem tra du lieu dau vao 5: Luu tin nhan 3: Thuc hien() 1: Nhap noi dung tin nhan() : FrmNhantin 6: Hien thi tin nhan : NhanTin : CtlNhanTin : Quan tri vien Hình 2.9 Biều đồ cộng tác nhắn tin 2.5 Mô hình hóa hành vi 2.5.1 Biểu đồ trạng thái thành viên chỉnh sửa hồ sơ Nhap tiep Nhap thong tin chinh sua Thanh vien chinh sua thong tin ho so Cho de chinh sua ho so Nhap thong tin ho so Ket thuc nhap Xu ly ket qua thong bao Ket thuc chinh sua Thong bao ket qua chinh sua Xu ly thong tin chinh sua ho so Cho xu li thong tin ho so Hình 2.10 Biểu đồ trạng thái thành viên chỉnh sửa hồ sơ SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 22 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu 2.5.2 Biểu đồ hoạt động thống kê Chon TT can thong ke Xu li thong ke Xu li ket qua thong ke Hien thi ket qua thong ke Hình 2.11 Biểu đồ hoạt động thống kê 2.6 Thiết kế kiến trúc vật lý 2.6.1 Biểu đồ thành phần Hình 2.12 Biều đồ thành phần SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 23 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu 2.6.2 Biểu đồ triển khai Hình 2.13 Biều đồ triển khai SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 24 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu CHƯƠNG GIAO DIỆN SẢN PHẨM 3.1 Giới thiệu chương trình Hệ thống bao gồm phần: • Phần hỗ trợ cho quản trị viên: cho phép sử dụng tất chức website Trong có chức đặc biệt dành “Quản trị Admin” gồm xử lý như: Cập nhật chuyên mục cho tài liệu Cập nhật tin tức Xử phạt thành viên bị tố giác sai phạm Quản lý tất file, thư mục Bật tắt hiển thị chức (Chat tổng, Tin tức, Danh sách thành viên mới) Quản lý chức bảo mật (Quét tập tin php) Quản lý Backup • Phần hỗ trợ cho thành viên: sử dụng hầu hết tất chức website trừ chức “Quản trị Admin” 3.2 Giao diện chương trình - Giao diện đăng nhập Hình 3.1 Giao diện đăng nhập - Giao diện đăng ký SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 25 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu Hình 3.2 Giao diện đăng ký - Giao diện trang cá nhân Hình 3.3 Giao diện trang cá nhân - Giao diện trang xem file SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 26 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu Hình 3.4 Giao diện trang xem file - Giao diện trang nhắn tin riêng Hình 3.5 Giao diện nhắn tin riêng - Giao diện trang quản lý Admin SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 27 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu Hình 3.6 Giao diện quản lý Admin - Giao diện thống kê Admin Hình 3.7 Giao diện thống kê Admin 3.3 Hướng dẫn sử dụng cho quản trị viên SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 28 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu Tên đăng nhập: admin Mật khẩu: 123456 - Đăng nhập vào hệ thống Localhost: Vào đường link: http://localhost/login.php - Đăng nhập vào hệ thống online: Vào đường link: http://doandinhy.com/login.php SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 29 Ứng dụng mô hình MVC xây dựng mạng xã hội lưu trữ chia sẻ tài liệu KẾT LUẬN Sau thời gian nghiên cứu phát triển đề tài “ỨNG DỤNG MÔ HÌNH MVC TRONG TRONG XÂY DỰNG MẠNG XÃ HỘI LƯU TRỮ VÀ CHIA SẺ TÀI LIỆU” em hoàn thành theo yêu cầu thời gian định Trong trình nghiên cứu thực đề tài với nỗ lực cao hạn chế kinh nghiệm, kiến thức nên đề tài em chắn không tránh khỏi thiếu xót Em mong nhận góp ý từ thầy cô để đề tài hoàn thiện Kết đạt được: − Chương trình cho phép người đăng tải, tìm kiếm tài liệu − Cho phép người dùng tương tác với (nhắn tin, thích hay bình luận) − Hoàn thành website với phần: cho thành viên quản trị viên − Giao diện viết băng Bootstap nên bắt mắt, dễ nhìn − Nắm bắt ngôn ngữ PHP hệ quản trị sở liệu MySQL Hướng phát triển − Mở rộng thêm nhiều chức − Tăng cường tính bảo mật cho website SVTH: Đoàn Đình Ý – Lớp CCLT08A Trang 30 TÀI LIỆU THAM KHẢO Các website tham khảo như: [1] www.w3schools.com [2] www.hocphp.info [3] www.getbootstrap.com.vn [4] www.freetuts.net 31