Đồ án website chia sẻ thông tin chăm sóc cây cảnh

Báo cáo đồ án môn đồ án ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN KHOA CÔNG NGHỆ PHẦN MỀM SINH VIÊN THỰC HIỆN: Mai Đăng Khoa – 15520371 ĐỒ ÁN MÔN ĐỒ ÁN (Lớp: SE122.L11.PMCL) XÂY DỰNG WEBSITE CHIA SẺ PHƯƠNG PHÁP CHĂM SÓC CÂY CẢNH GIẢNG VIÊN HƯỚNG DẪN: Thầy Lê Thanh Trọng Báo cáo đồ án môn đồ án LỜI CẢM ƠN Lời đầu tiên, em xin chân thành cảm ơn thầy phụ trách mơn học hỗ trợ cho nhóm em trình thực đề tài đồ án Trong q trình thực đề tài, nhóm khơng tránh khỏi thiếu sót, mong thầy (cơ) có ý kiến đóng góp nhằm hồn thiện kiến thức kinh nghiệm để thành viên nhóm thực đề tài khác tương lai cách có hiệu Báo cáo đồ án môn đồ án NHẬN XÉT CỦA GIẢNG VIÊN ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Báo cáo đồ án môn đồ án MỤC LỤC Chương THÔNG TIN CHUNG .7 I Tên đề tài: II Môi trường phát triển ứng dụng .7 III Thông tin sinh viên: Chương PHÁT BIỂU BÀI TOÁN I LÝ DO CHỌN ĐỀ TÀI: II CÁC CHỨC NĂNG CỦA HỆ THỐNG: Với người dùng: Với admin Chương XÂY DỰNG HỆ THỐNG .9 I SƠ ĐỒ USE CASE: Sơ đồ use case cho trang web .9 Sơ đồ use case cho web admin: 10 II SƠ ĐỒ PHÂN RÃ CHỨC NĂNG: .11 Phân rã chức trang web chính: 11 Phân rã chức trang web admin: 12 III DANH SÁCH CÁC ACTOR: 12 IV DANH SÁCH CÁC USE CASE: 12 V ĐẶC TẢ USE CASE: 13 Báo cáo đồ án môn đồ án Xem tin tức: 13 Xem viết user: 14 Xem ds user tiêu biểu 16 Xem ds viết / tin tức theo tag: .16 Theo dõi user: 18 Comment viết: 18 Lưu viết / tin tức: 19 Viết bài: 20 Quản lí tin tức: 21 10 Quản lí viết: 25 11 Quản lý comment: 26 12 Quản lý user: 27 13 Admin quản lý tag: 28 14 Quản lý report: 29 VI SƠ ĐỒ LỚP: 30 30 VII THIẾT KẾ CSDL: 31 VIII GIAO DIỆN: 32 Giao diện người dùng: 32 Giao diện admin: 35 Chương 44 TỔNG QUAN CÔNG NGHỆ 44 I Spring Boot: 44 Báo cáo đồ án môn đồ án Khái niệm: 44 Ưu điểm: 44 II Thymeleaf: .44 Khái niệm: 44 III JPA: 45 Khái niệm: 45 Ưu điểm: 45 IV Bcrypt: 46 Khái niệm: 46 Ưu điểm: 46 V AdminLTE .47 Khái niệm: 47 VI MySQL 47 Khái niệm: 47 Chương 48 KẾT LUẬN, HƯỚNG PHÁT TRIỂN 48 I Ưu điểm: 48 II Nhược điểm: 48 III Hướng phát triển: 48 Báo cáo đồ án môn đồ án Chương THÔNG TIN CHUNG I Tên đề tài: Website chia sẻ thông tin chăm sóc cảnh II Mơi trường phát triển ứng dụng - III STT Hệ điều hành: Microsoft Windows 10 Công cụ xây dựng ứng dụng: Eclipse IDE for Java EE Developers Hệ quản trị sở liệu: MySQL Server Công cụ để vẽ sơ đồ: https://app.diagrams.net Các thư viện sử dụng: Thông tin sinh viên: MSSV 15520371 Họ tên Mai Đăng Khoa Email 15520371@gm.uit.edu.vn Báo cáo đồ án môn đồ án Chương PHÁT BIỂU BÀI TOÁN I LÝ DO CHỌN ĐỀ TÀI: Xuất phát từ mong muốn có diễn đàn, mạng xã hội thu nhỏ dành cho người đam mê cảnh giao tiếp, chia sẻ hình ảnh bí chăm sóc với Nắm bắt việc chưa có tảng mxh thu nhỏ dành cho đề tài này, việc internet ngày phát triển tảng web app ngày lên ngơi Em mong muốn tạo sản phẩm đáp ứng thị trường II CÁC CHỨC NĂNG CỦA HỆ THỐNG: Với người dùng: Viết viết, viết comment Đăng nhập để theo dõi người dùng khác Xem viết admin người dùng khác Xem viết theo loại danh mục Với admin Quản lý user Quản lý viết Quản lý loại danh mục Quản lý comment Báo cáo đồ án môn đồ án Chương XÂY DỰNG HỆ THỐNG I SƠ ĐỒ USE CASE: Sơ đồ use case cho trang web Báo cáo đồ án môn đồ án Sơ đồ use case cho web admin: 10 Báo cáo đồ án môn đồ án iv Trang đăng ký tài khoản: v Tường nhà user: 34 Báo cáo đồ án môn đồ án vi Trang viết bài: Giao diện admin: i Trang đăng nhập: 35 Báo cáo đồ án môn đồ án ii Quản lý tin tức: 36 Báo cáo đồ án môn đồ án 37 Báo cáo đồ án môn đồ án 38 Báo cáo đồ án môn đồ án iii Quản lý người dùng: 39 Báo cáo đồ án môn đồ án 40 Báo cáo đồ án môn đồ án 41 Báo cáo đồ án môn đồ án iv Quản lý danh mục: 42 Báo cáo đồ án môn đồ án Chương TỔNG QUAN CÔNG NGHỆ I Spring Boot: Khái niệm:  Spring Boot module Spring Framework, cung cấp tính RAD (Rapid    Application Development) – Phát triển ứng dụng nhanh Spring Boot dùng để tạo ứng dụng độc lập dựa Spring Spring Boot không u cầu cấu hình XML Nó chuẩn cho cấu hình thiết kế phần mềm, tăng cao suất cho developer Ưu điểm:  Có tính Spring Framework 43 Báo cáo đồ án môn đồ án   Tạo ứng dụng độc lập, chạy java -jar (cho java web) Nhúng trực tiếp ứng dụng server (Tomcat, Jetty…) khơng cần phải triển khai  file WAR Cấu hình ít, tự động cậu hình (Giảm thời gian viết code, tăng   suất) Không yêu cầu XML config… Cung cấp nhiều plugin II Thymeleaf: Khái niệm: Thymeleaf Java XML/XHTML/HTML5 Template Engine làm việc với hai mơi trường Web mơi trường khơng phải Web Nó phù hợp sử dụng để phục vụ XHTML/HTML5 tầng View (View Layer) ứng dụng Web dựa kiến trúc MVC Nó xử lý file XML nào, trí mơi trường offline (Khơng trực tuyến) Nó hỗ trợ đầy đủ để tương tác với Spring Framework III JPA: Khái niệm: JPA viết tắt Java Persistence API, đặc tả Java cho việc ánh xạ đối tượng Java với sở liệu quan hệ sử dụng công nghệ phổ biến ORM (Object Relational Mapping) JPA cung cấp đầy đủ công cụ cho phép thao tác với sở liệu cách đơn giản nhanh chóng JPA dùng để persist đối tượng Java (POJO – Plain Old Java Object) vào sở liệu lấy liệu từ sở liệu ánh xạ (mapping) đối tượng Java cách đơn giản JPA API định nghĩa đặc tả cần thiết khơng có code thực từ đặc tả Nó chứa hướng dẫn để thực ORM Do cần phải có cài 44 Báo cáo đồ án môn đồ án đặt ORM để hoạt động persist đối tượng Java Các ORM Framework sử dụng cho JPA như: Hibernate, iBatis, Eclipse Link, OpenJPA,… Ưu điểm:  Viết code  Performance tốt  Độc lập database  Không phải làm việc với SQL  Hỗ trợ cấu hình triển khai annotation xml  Có nhiều framework ORM miễn phí hỗ trợ dùng để phát triển nhiều loại ứng dụng khác  JPA đặc tả chuẩn hóa thành phần đặc tả EJB  Dễ dàng chuyển từ ORM sang ORM khác Ví dụ từ iBatis sang Hibernate IV Bcrypt: Khái niệm: Bcrypt hàm mã hóa mật thiết kế Niels Provos David Mazieres, dựa thuật tốn mã hóa Blowfish chuỗi sau mã hóa Bcrypt có định dạng: $2a$: kí tự đầu khai báo phiên thuật toán bcrypt 10: cost factor (2 10 ==> 1,024 rounds), tức thuật toán EksBlowfishSetup chạy 1024 vòng 45 Báo cáo đồ án môn đồ án 9qo8uLOickgx2ZMRZoMye : 16-byte (128-bit) salt, salt chuỗi random sinh IjZAgcfl7p92ldGxad68LJZdL17lhWy : mật sau hash Em sử dụng thư viện lấy https://mvnrepository.com/artifact/at.favre.lib/bcrypt/0.2.0 để ứng dụng mã hóa mật người dùng Ưu điểm: Vì số vịng hash nhiều nên ngăn chặn việc hack mật rainbow table nhờ thời gian lớn Vì mã hóa chiều nên cách so sánh mật database mật input, dùng salt + mật input cho chuỗi mã hóa so sánh với database V AdminLTE Khái niệm: Là template boostrap để nhanh chóng triển khai trang admin Có chứa nhiều dependency plugin frontend bootstrap 4, jquery 3.3.1+, chartjs, fontawesome 5, … 46 Báo cáo đồ án môn đồ án VI MySQL Khái niệm: MySQL hệ thống quản trị sở liệu mã nguồn mở (Relational Database Management System, viết tắt RDBMS) hoạt động theo mơ hình client-server RDBMS phần mềm hay dịch vụ dùng để tạo quản lý sở liệu (Database) theo hình thức quản lý mối liên hệ chúng Chương KẾT LUẬN, HƯỚNG PHÁT TRIỂN I Ưu điểm: − Hồn thành u cầu đặt ban đầu, có đầy đủ tính cần thiết ứng dụng chia sẻ chăm sóc cảnh 47 Báo cáo đồ án môn đồ án − Giao diện đơn giản, bố cục hợp lý, người dùng dễ dàng theo tác ứng dụng − Sinh viên thực nắm cách thức làm ứng dụng mạng xã hội thu nhỏ, hiểu biết ngôn ngữ Java, công nghệ Spring boot, Thymeleaf − Ứng dụng triển khai local II Nhược điểm: − Cịn hạn chế số tính năng: + Chưa tích hợp chức báo cáo comment + Chưa phát triển nhiều phần động cho trang web + Tối ưu code chưa tốt nên nhiều chỗ phát triển tương lai III Hướng phát triển: − Hồn thiện thêm nhiều tính đặt ban đầu − Phát triển thành server api phục vụ cho nhiều sản phẩm sau, không web 48 ... phát triển: 48 Báo cáo đồ án môn đồ án Chương THÔNG TIN CHUNG I Tên đề tài: Website chia sẻ thông tin chăm sóc cảnh II Mơi trường phát triển ứng... nhập: 35 Báo cáo đồ án môn đồ án ii Quản lý tin tức: 36 Báo cáo đồ án môn đồ án 37 Báo cáo đồ án môn đồ án ... 38 Báo cáo đồ án môn đồ án iii Quản lý người dùng: 39 Báo cáo đồ án môn đồ án 40 Báo cáo đồ án môn đồ án