(Đồ án tốt nghiệp) tìm hiểu công nghệ meanstack và xây dựng ứng dụng website bệnh viện thú y COWHOPI

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CƠNG NGHỆ THƠNG TIN TÌM HIỂU CƠNG NGHỆ MEANSTACK VÀ XÂY DỰNG ỨNG DỤNG WEBSITE BỆNH VIỆN THÚ Y COWHOPI GVHD: LÊ VĂN VINH SVTT: LÊ VŨ HOÀNG HIỆP MSSV: 15110206 SVTT: TRẦN PHÚ QUÝ MSSV: 15110298 SKL005764 Tp Hồ Chí Minh, 2019 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN  - - LÊ VŨ HOÀNG HIỆP -15110206 TRẦN PHÚ QUÝ - 15110298 Đề Tài: TÌM HIỂU CÔNG NGHỆ MEANSTACK VÀ XÂY DỰNG ỨNG DỤNG WEBSITE BỆNH VIỆN THÚ Y COWHOPI KHÓA LUẬN TỐT NGHIỆP GIÁO VIÊN HƯỚNG DẪN TS LÊ VĂN VINH KHÓA 2015 – 2019 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN - - LÊ VŨ HOÀNG HIỆP - 15110206 TRẦN PHÚ QUÝ - 15110298 Đề Tài: TÌM HIỂU CƠNG NGHỆ MEANSTACK VÀ XÂY DỰNG ỨNG DỤNG WEBSITE BỆNH VIỆN THÚ Y COWHOPI KHÓA LUẬN TỐT NGHIỆP GIÁO VIÊN HƯỚNG DẪN TS LÊ VĂN VINH KHÓA 2015 – 2019 PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: LÊ VŨ HOÀNG HIỆP MSSV 1: 15110206 Họ tên Sinh viên 2: TRẦN PHÚ QUÝ MSSV 2: 15110298 Ngành: Công nghệ Thông tin Tên đề tài: TÌM HIỂU CƠNG NGHỆ MEANSTACK VÀ XÂY DỰNG ỨNG DỤNG WEBSITE BỆNH VIỆN THÚ Y COWHOPI Họ tên giáo viên hướng dẫn: LÊ VĂN VINH NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm Đề nghị cho bảo vệ hay khơng? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày tháng năm 20 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên 1: LÊ VŨ HOÀNG HIỆP MSSV 1: 15110206 Họ tên Sinh viên 2: TRẦN PHÚ QUÝ MSSV 2: 15110298 Ngành: Công nghệ Thơng tin Tên đề tài: TÌM HIỂU CƠNG NGHỆ MEANSTACK VÀ XÂY DỰN ỨNG DỤNG WEBSITE BỆNH VIỆN THÚ Y COWHOPI Họ tên giáo viên phản biện: NGUYỄN MINH ĐẠO NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm Đề nghị cho bảo vệ hay khơng? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày tháng năm 20 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) LỜI CẢM ƠN Để hoàn thành Khóa luận tốt nghiệp chun ngành Cơng Nghệ Phần Mềm nói chung q trình tìm hiểu cơng nghệ để xây dựng website bệnh viện thú y CowHopi nói riêng, nhóm chúng em xin gửi lời cảm ơn chân thành đến: Ban giám hiệu trường Đại Học Sư Phạm Kỹ Thuật TP.HCM tạo điều kiện sở vật chất tốt, đáp ứng nhu cầu sinh viên, giảng viên với phòng học đẹp, máy chiếu, wifi để phục vụ cho việc học tập tìm kiếm thơng tin sinh viên, giảng dạy giảng viên Quý Thầy Cô Khoa Công Nghệ Thông Tin Trường Đại Học Sư Phạm Kỹ Thuật Tp.HCM tạo điều kiện thuận lợi cho nhóm chúng em thực đề tài khóa luận tốt nghiệp Giảng viên hướng dẫn Thầy Lê Văn Vinh, người giảng dạy, hướng dẫn bảo tận tình, chi tiết, giải đáp thắc mắc kịp thời để chúng em hồn thành đề tài khóa luận tốt nghiêp cách tốt Xin chân thành cảm ơn anh, chị khóa bạn bè ủng hộ, giúp đỡ động viên chúng em thời gian học tập nghiên cứu khóa luận tốt nghiệp Do chưa có nhiều kinh nghiệm nên tránh khỏi thiếu sót hạn chế, mong nhận ý kiến đóng góp từ phía thầy, để đề tài hồn thiện TP Hồ Chí Minh, ngày … tháng 09 năm 2019 Nhóm sinh viên thực Lê Vũ Hoàng Hiệp Trần Phú Quý ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN  ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ tên SV: Lê Vũ Hoàng Hiệp …………… MSSV: 15110206 Trần Phú Quý ….……………… MSSV: 15110298 Thời gian làm tiểu luận: từ: 14/09/2018 đến: 28/12/2018 Chun ngành: Cơng Nghệ Phần Mềm Tên khóa luận: Tìm hiểu cơng nghệ MeanStack xây dựng ứng dụng website bệnh viện thú y CowHopi GV hướng dẫn: TS Lê Văn Vinh Nhiệm vụ khóa luận: - Tìm hiểu cơng nghệ MeanSatck - Xây dựng website bệnh viện thú y CowHopi Đề cương viết luận văn: Phần 1: MỞ ĐẦU Tính cấp thiết đề tài Mục đích đề tài Đối tượng phạm vị nghiên cứu Phương pháp nghiên cứu Phần 2: NỘI DUNG CHƯƠNG 1: CỞ SỞ LÝ THUYẾT 1.1 Giới thiệu tổng quan MeanStack: 3.3.4.20.Thống kê lượt truy cập: Hình 3.3.48 Giao diện thống kê lượt truy cập Mô tả : Thống kê lượt truy cập web theo mốc thời gian Danh sách đối tượng: STT Loại đố Bảng 3.3.48 Danh sách đối tượng giao diện thống kê lượt truy cập 139 Select Chart Col Row 3.3.4.21.Thống kê doanh thu: Hình 3.3.49 Giao diện thống kê doanh thu Mơ tả : Thống kê doanh thu bệnh viện theo mốc thời gian Danh sách đối tượng: STT Loại đố Select Chart Col Row Chart Col Row Bảng 3.3 3.3.422.Thống kê dịch vụ : Hình 3.3.50 Giao diện thống kê dịch vụ Mơ tả : Thống kê dịch vụ sử dụng khách hàng bệnh viện theo mốc thời gian Danh sách đối tượng: STT Loại đố Bảng 3.3.50 Danh sách đối tượng giao diện thống kê dịch vụ 141 Select Chart Label Chart Label CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ 4.1 Cài đặt: 4.1.1 Ngơn ngữ lập trình :  Xây dựng front end : HTML , CSS , Javascript , Jquery  Xây dựng Back-end : Javascript , Typescript 4.1.2 Công nghệ sử dụng :  NodeJs : Xây dựng back-end  Angular : Xây dựng front end  Express : Hỗ trợ tạo web server  MongoDb: Lưu trữ liệu  hẹn Socket.io : Hỗ trợ xử lý chức đặt lịch , thông báo lịch 4.2.Kiểm thử : 4.2.1 Kiểm thử hệ thống phía client: Id Test Name Kiểm tra tính responsive giao diện Kiểm tra màu sắc độ nét thành phần giao diện 142 Test chuyển trang Test Đăng nhập Test đăng ký Test chức xem thời gian biểu hệ thống Test chức đặt lịch Test chức xem thông tin cá nhân 10 Test chức cập nhập thông tin cá nhân 4.2.2 Kiểm tra hệ thống nhân viên bác sĩ Id Test Name Kiểm tra tính responsive giao diện Kiểm tra màu sắc độ nét thành phần giao diện Test chuyển trang 144 Test Đăng nhập Test Xem thông tin cá nhân Test chức xem lịch làm việc Test chức tìm kiếm khách hàng Test chức tạo bệnh án 10 Test chức bổ sung bệnh án bác sĩ 4.2.3 Kiểm tra hệ thống quản trị viên Id Test Name Kiểm tra tính responsive giao diện Kiểm tra màu sắc độ nét thành phần giao diện Test chuyển trang Test Đăng nhập Test chức đổi mật Test chức hiển thị thông tin Test chức Thêm thông tin Test chức Cập nhập thông tin Test chức Thêm thông tin 147 10 Test chức quản lý thông tin cá nhân doanh nghiệp 11 Test chức cập nhập thông tin cá nhân doanh nghiệp 12 Test chức xếp lịch trực 13 Test chức thống kê PHẦN KẾT LUẬN Kết đạt được: Sau thời gian nghiên cứu thực đề tài “Tìm hiểu cơng nghệ MeanStack xây dựng website bệnh viện thú y”, nhóm nắm kiến thức tảng cơng nghệ MeanStack ứng dụng MeanStack để hồn thành trang web ite bệnh viện thú y dự kiến Ngồi ra, nhóm cịn đạt kết sau: - Hiểu sâu javascript, typescript 148 - Sử dụng tốt thư viện javascrip mDatatable, fullCalendar, canvasjs chart - Ứng dụng socket-io để xấy dựng web realtime - Ứng dụng node js viết web server api Ưu điểm: Ứng dụng có ưu điểm sau: - Đáp ứng chức cần thiết cho bệnh viện thú y - Giúp quản lý nhân viên, thành viên dễ dàng hiệu - Môi trường thực nghiệp vụ bác sĩ nhân viên tốt, thuận tiện - Giúp quản lý việc đặt lịch khám chữa bệnh cách khoa học hiệu quả, giảm rủi ro lịch ảo, từ giúp chăm sóc khách hàng tốt - Giao diện đẹp, dễ sử dụng Hạn chế: Ứng dụng có nhược điểm sau: - Tốc độ xử lý chậm, chưa phát huy mạnh công nghệ node js - Chưa sâu vào vấn đề bảo mật - Vẫn cịn vài chức chưa hồn thiện Hướng phát triển: Vì thời gian nghiên cứu nguồn lực có hạn nên ứng dụng cịn nhiều thiếu sót Trong tương lai nhóm cố gắng phát triển công cụ theo hướng: - Tăng tốc độ xử lý - Hồn thiện chức cịn lại - Bảo mật ứng dụng DANH MỤC TÀI LIỆU THAM KHẢO [1] http://engineering.vtvcab.vn/mean-stack-ban-da-thu-chua/ [2] https://laptrinhvien.io/gioi-thieu-component-trong-angular/ [3] https://viblo.asia/p/attribute-directives-trong-angular 149 [4] https://www.w3schools.com [5] https://w3layouts.com/ [6] https://stackoverflow.com/ [7] https://laptrinhvien.io/tong-quan-ve-angular/ [8] https://techtalk.vn/mot-cai-nhin-tong-quan-nhat-ve-nodejs.html [9] https://techmaster.vn/posts/33428/nodejs-la-gi-va-tai-sao-toi-nen-hoc-laptrinh- nodejs [10] https://developer.mozilla.org/vi/docs/Learn/Common_questions/What_is_a_web_server [11] http://code4fun.vn/code4fun/page/12/ [12] https://viblo.asia/p/mongodb-la-gi-co-so-du-lieu-phi-quan-he-bJzKmgoPl9N [13] https://pethealth.vn/ [14] http://sasakihospital.com/ 150 ... ? ?Tìm hiểu cơng nghệ MeanStack x? ?y dựng website bệnh viện thú y CowHopi? ?? nhằm cung cấp giải pháp giải vấn đề MỤC ĐÍCH CỦA ĐỀ TÀI - Tìm hiểu cơng nghệ MeanStack - Ứng dụng công nghệ x? ?y dựng dựng... Chuyên ngành: Công Nghệ Phần Mềm Tên khóa luận: Tìm hiểu cơng nghệ MeanStack x? ?y dựng ứng dụng website bệnh viện thú y CowHopi GV hướng dẫn: TS Lê Văn Vinh Nhiệm vụ khóa luận: - Tìm hiểu cơng nghệ. .. KHOA CÔNG NGHỆ THÔNG TIN  - - LÊ VŨ HOÀNG HIỆP -15110206 TRẦN PHÚ QUÝ - 15110298 Đề Tài: TÌM HIỂU CƠNG NGHỆ MEANSTACK VÀ X? ?Y DỰNG ỨNG DỤNG WEBSITE BỆNH VIỆN THÚ Y COWHOPI KHÓA LUẬN TỐT