Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 69 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
69
Dung lượng
2,74 MB
Nội dung
TRƯỜNG ĐẠI HỌC SƯ PHẠM – ĐẠI HỌC ĐÀ NẴNG KHOA TIN HỌC BÁO CÁO KHÓA LUẬN TỐT NGHIỆP Đề tài: XÂY DỰNG WEBSITE QUẢN LÝ NGÂN HÀNG MÁU SỐNG TẠI THÀNH PHỐ ĐÀ NẴNG Giảng viên hướng dẫn : TS NGUYỄN THỊ NGỌC ANH Sinh viên : NGUYỄN VĂN HẬU Lớp sinh hoạt : 14CNTT ĐÀ NẴNG, 04/2018 LỜI CẢM ƠN Để hồn thành chun đề khóa luận này, xin chân thành cảm ơn quý thầy, cô khoa Tin học quý thầy cô giảng dạy công tác trường Đại học Sư phạm - Đại học Đà Nẵng truyền đạt kiến thức quý báu cho năm học vừa qua Tôi xin gửi đến cô TS Nguyễn Thị Ngọc Anh quý thầy, cô khoa Tin học, Trường Đại học Sư phạm - Đại học Đà Nẵng, người tận tình hướng dẫn, giúp đỡ tơi để hồn thành khóa luận lời cảm cảm ơn chân thành sâu sắc Vì kiến thức thân cịn hạn chế, q trình hồn thành khóa luận tơi khơng tránh khỏi sai sót, kính mong nhận ý kiến đóng góp từ quý thầy, cô Xin trân trọng cảm ơn! Đà Nẵng, ngày tháng 04 năm 2018 Sinh viên thực Nguyễn Văn Hậu LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung báo cáo thực hướng dẫn trực tiếp cô TS Nguyễn Thị Ngọc Anh Mọi tham khảo dùng báo cáo trích dẫn rõ ràng tên tác giả, tên cơng trình nghiên cứu, thời gian địa điểm công bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo hay gian trá, tơi xin chịu hồn tồn trách nhiệm Sinh viên thực Nguyễn Văn Hậu NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Đà Nẵng, ngày Giảng viên hướng dẫn TS Nguyễn Thị Ngọc Anh tháng 04 năm 2018 Sinh viên Nguyễn Văn Hậu NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN Đà Nẵng, ngày tháng 04 năm 2018 Hội đồng phản biện i MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC i DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT iv DANH MỤC CÁC HÌNH v DANH MỤC BẢNG viii MỞ ĐẦU CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Phân tích thiết kế hệ thống 1.2 Phân tích thiết kế hệ thống hướng đối tượng 1.2.1 Khái niệm phân tích thiết kế hướng đối tượng 1.2.2 Khái niệm UML 1.2.3 Phân tích thiết kế hướng đối tượng sử dụng UML 1.3 Nền tảng công nghệ 1.3.1 Giới thiệu HTML 1.3.2 Giới thiệu CSS Bootstrap 13 1.3.3 Giới thiệu SASS 14 1.3.4 Giới thiệu JavaScript 15 Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp ii 1.3.5 Giới thiệu TypeScript 16 1.3.6 Giới thiệu Angular 17 1.3.7 Giới thiệu RESTful API 18 1.3.8 Giới thiệu Java 18 1.3.9 Giới thiệu mơ hình MVC 19 1.3.10 Giới thiệu Spring boot 20 1.3.11 Giới thiệu MySQL 20 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 22 2.1 Đặt vấn đề 22 2.2 Yêu cầu chức 22 2.3 Yêu cầu phi chức 23 2.4 Phân tích thiết kế hệ thống 23 2.4.1 Sơ đồ ca sử dụng 23 2.4.2 Đặt tả ca sử dụng chung cho tất loại tài khoản 28 2.4.3 Đặc tả ca sử dụng riêng cho quản trị viên 33 2.4.4 Thiết kế sở liệu 37 2.4.5 Sơ đồ lớp 41 2.4.6 Sơ đồ 42 CHƯƠNG 3: TRIỂN KHAI VÀ KẾT QUẢ 47 3.1 Môi trường triển khai 47 Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp iii 3.2 Kết triển khai 47 3.2.1 Giao diện trang đăng nhập 47 3.2.2 Giao diện trang chủ 48 3.2.3 Giao diện trang đăng ký thành viên 49 3.2.4 Giao diện trang thông tin cá nhân 49 3.2.5 Giao diện trang kiện 50 3.2.6 Giao diện trang chi tiết tin tức 50 3.2.7 Giao diện trang đăng tin tức 51 3.2.8 Giao diện trang cẩm nang 51 3.2.9 Giao diện trang liên hệ 52 3.2.10 Giao diện trang quản trị viên 52 KẾT LUẬN 53 Các kết đạt 53 Hạn chế 53 Hướng phát triển 53 TÀI LIỆU THAM KHẢO 54 Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp iv DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT STT Ký hiệu viết tắt Tên ký hiệu viết tắt HTML HyperText Markup Language UML Unified Modeling Language CSS Cascading Style Sheets SASS Syntactically Awesome Style Sheets API Application Programming Interface DOM Document Object Model XML Extensible Markup Language ECMA European Computer Manufacturers Association JSON JavaScript Object Notation 10 CLI Command-line interface 11 IE Internet Explorer 12 OPP Object Oriented Programming 13 MVC Model-View-Control 14 SQL Structured Query Language 15 CSDL Cơ sở liệu 16 OOAD Object Oriented Analysis and Design Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp v DANH MỤC CÁC HÌNH Số hiệu Tên hình vẽ hình vẽ Trang 1.1 Cấu trúc tài liệu HTML 12 1.2 Ví dụ mã TypeScript 21 1.3 Ví dụ mã JavaScript 21 1.4 Giới thiệu mơ hình MVC 23 2.1 Ca sử dụng cho tất loại tài khoản 28 2.2 Ca sử dụng tổng quát thành viên 29 2.3 Ca sử dụng tổng quát quản trị viên 30 2.4 Ca sử dụng đăng nhập 31 2.5 Ca sử dụng đăng ký 31 2.6 Ca sử dụng quản lý thông tin cá nhân 31 2.7 Ca sử dụng tìm kiếm 32 2.8 Ca sử dụng xem lịch sử hiến máu 32 2.9 Ca sử dụng xem tin tức 33 2.10 Ca sử dụng đăng tin tức 33 2.11 Ca sử dụng xem kiện 33 2.12 Ca sử dụng quản lý tin tức 34 2.13 Ca sử dụng quản lý kiện 34 Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 41 2.4.5 Sơ đồ lớp Hình 2.16: Sơ đồ lớp Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 42 2.4.6 Sơ đồ 2.4.6.1 Sơ đồ đăng nhập Hình 2.17: Sơ đồ đăng nhập 2.4.6.2 Sơ đồ đăng ký Hình 2.18: Sơ đồ đăng ký Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 43 2.4.6.3 Sơ đồ quản lý thơng tin cá nhân Hình 2.19: Sơ đồ quản lý thông tin cá nhân 2.4.6.4 Sơ đồ xem tin tức Hình 2.20: Sơ đồ xem tin tức Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 44 2.4.6.5 Sơ đồ đăng tin tức Hình 2.21: Sơ đồ đăng tin tức 2.4.6.6 Sơ đồ đăng ký kiện Hình 2.22: Sơ đồ đăng ký kiện Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 45 2.4.6.7 Sơ đồ tìm kiếm Hình 2.23: Sơ đồ tìm kiếm 2.4.6.8 Sơ đồ xem lịch sử hiến máu Hình 2.24: Sơ đồ xem lịch sử hiến máu Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 46 2.4.6.9 Sơ đồ tạo kiện Hình 2.25: Sơ đồ tạo kiện 2.4.6.10 Sơ đồ thống kê Hình 2.26: Sơ đồ thống kê Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 47 CHƯƠNG 3: TRIỂN KHAI VÀ KẾT QUẢ 3.1 Môi trường triển khai Để triển khai môi trường cần có số cài đặt sau: • Cơng cụ lập trình: Visual studio code, Spring tool suite • Hệ quản trị sở liệu: MySQL • Ngơn ngữ lập trình: Java (1.8.0), TypeScript • Node.js (v.8.9.4) • Npm (5.6.0) • Có kết nối internet 3.2 Kết triển khai 3.2.1 Giao diện trang đăng nhập Hình 2.27: Giao diện trang đăng nhập Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 48 3.2.2 Giao diện trang chủ Hình 2.28: Giao diện trang chủ Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 49 3.2.3 Giao diện trang đăng ký thành viên Hình 2.29: Giao diện trang đăng ký thành viên 3.2.4 Giao diện trang thơng tin cá nhân Hình 2.30: Giao diện trang thông tin cá nhân Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 50 3.2.5 Giao diện trang kiện Hình 2.31: Giao diện trang kiện 3.2.6 Giao diện trang chi tiết tin tức Hình 2.32: Giao diện trang chi tiết tin tức Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 51 3.2.7 Giao diện trang đăng tin tức Hình 2.33: Giao diện trang đăng tin tức 3.2.8 Giao diện trang cẩm nang Hình 2.34: Giao diện trang cẩm nang Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 52 3.2.9 Giao diện trang liên hệ Hình 2.35: Giao diện trang liên hệ 3.2.10 Giao diện trang quản trị viên Hình 2.36: Giao diện trang quản trị viên Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 53 KẾT LUẬN Các kết đạt - Áp dụng kiến thức học vào việc lên kế hoạch, thiết kế xây dựng sản phẩm - Cải thiện kỹ đọc – hiểu tiếng Anh - Học hỏi quy trình xây dựng phát triển phần mềm web với công nghệ Angular Spring boot - Học hỏi nhiều kinh nghiệm cơng việc - Có nhiều kinh nghiệm quý báu, học cách tự nghiên cứu Hạn chế - Khả đọc tài liệu tiếng Anh chậm - Kiến thức, kinh nghiệm kỹ lập trình cịn hạn chế nên sản phẩm đơn giản, chưa triển khai tưởng Hướng phát triển - Cải thiện giao diện dễ dùng thân thiện - Cập nhật thêm thống kê tin tức kiện - Xây dựng hệ thống SMS System để gửi tin nhắn - Tự động tìm kiếm gửi tin nhắn tìm máu nóng cho thành viên - Tự động nhắn tin cho thành viên đủ điều kiện hiến máu - Nội dung tin tức kiện đa dạng - Mở rộng phạm vi sử dụng trang web tỉnh thành khác Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 54 TÀI LIỆU THAM KHẢO [1] JON DUCKETT (2011), HTML and CSS design and build website, Nhà xuất Wiley [2] Jonathan Snook (2011), CSS Scalable and Modular Architeture for CSS, Nhà xuất Snook.ca Web Development, Inc [4] https://angular.io/docs/ts/latest/quickstart.html [5] https://en.wikipedia.org/wiki/HTML [6] https://www.tutorialspoint.com/spring/spring_web_mvc_framework.html [7] https://start.spring.io/ [8] https://projects.spring.io/spring-boot/#quick-start [9] https://vi.wikipedia.org/wiki/HTML [10] https://www.w3schools.com/html/html5_new_elements.asp [11] https://vi.wikipedia.org/wiki/CSS [12] https://viblo.asia/p/bai-1- bootstrap-la- gi-gioi- thieu-ve- bootstrapDzVkpLbDknW [13] https://vi.wikipedia.org/wiki/JavaScript [14] https://angular.io/docs [15] https://docs.spring.io/spring-boot/docs/current/reference/html/gettingstarted-introducing- spring-boot.html [16] https://kungfuphp.com/mysql/gioi-thieu- ve-he- quan-tri- co-so- du-lieumysql.html [17] https://kipalog.com/posts/SASS-SCSS CSS-Preprocessor-khong-thethieu-cho-Frontend-Developer Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 55 Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp ... đề tài nghiên cứu ? ?Xây dựng website quản lý ngân hàng máu sống thành phố Đà nẵng? ?? giúp quản lý, kêu gọi, tìm kiếm, tổ chức đăng ký đợt hiến máu cho người sẵn sàng hiến máu Đà nẵng câu lạc bộ, góp... Nghiên cứu xây dựng bố cục website thân thiện dễ sử dụng Kết dự kiến 6.1 Lý thuyết Xây dựng thành cơng website ngân hàng máu sống góp phần giúp đỡ cho việc quản lý công việc câu lạc máu sống trở... thống ngân hàng máu sống - Xây dựng website quản lý ngân hàng máu sống Nguyễn Văn Hậu – 14CNTT (2014-2018) Báo cáo khóa luận tốt nghiệp 2.2 Nhiệm vụ - Thu thập chi tiết thông tin nhóm máu thành