Xây dựng website hỗ trợ khám và điều trị bệnh

ĐẠI HỌC ĐÀ NẴNG TRƢỜNG ĐẠI HỌC SƢ PHẠM KHOA TIN HỌC KHĨA LUẬN TỐT NGHIỆP NGÀNH CỬ NHÂN CƠNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG WEBSITE HỖ TRỢ KHÁM VÀ ĐIỀU TRỊ BỆNH GVHD : PGS.TS LÊ VĂN SƠN SVTH : TRẦN VĂN VĨNH LỚP : 10CNTT4 ĐÀ NẴNG – 05/2014 MỤC LỤC LỜI CAM ĐOAN i LỜI CẢM ƠN ii DANH MỤC BẢNG BIỂU iii DANH MỤC HÌNH ẢNH .iv DANH MỤC TỪ VIẾT TẮT vi MỞ ĐẦU 1 Bối cảnh đề tài 1.1 Tên đề tài 1.2 Lý chọn đề tài Mục đích nghiên cứu Đối tƣợng phạm vi nghiên cứu 3.1 Đối tƣợng 3.2 Phạm vi Phƣơng pháp nghiên cứu Mục tiêu cần đạt đƣợc CHƢƠNG 1: TỔNG QUAN VỀ NGƠN NGỮ VÀ CƠNG CỤ HỖ TRỢ LẬP TRÌNH 1.1 HTML 1.1.1 Khái niệm 1.1.2 Cấu trúc tài liệu HTML 1.1.3 Cấu trúc thành phần HTML 1.1.4 Những nguyên tắc 1.1.5 Các thẻ 1.2 CSS 10 1.2.1 Khái niệm CSS 10 1.2.2 Cú pháp CSS 10 1.2.3 Cách khai báo CSS 11 1.3 Twitter Bootstrap 12 1.3.1 Lý sử dụng Twitter Bootstrap 12 1.3.2 Sơ lƣợc Twitter Bootstrap 12 1.3.3 Cách sử dụng 13 1.4 JavaScript 13 1.4.1 Khái niệm 13 1.4.2 Cú pháp 13 1.4.2.1 Khoảng trắng 13 1.4.2.2 Chú thích 14 1.4.2.3 Biến 14 1.4.2.4 Đối tƣợng 15 1.4.2.5 Cấu trúc liệu 15 1.4.3 Cách nhúng JavaScript vào trang HTML 16 1.5 Tìm hiểu jQuery 17 1.5.1 Khái niệm 17 1.5.2 Cách áp dụng jQuery vào trang web 17 1.6 Node.js 18 1.6.1 Giới thiệu Node.js 18 1.6.2 Node Package Manager (NPM) 19 1.6.2.1 Giới thiệu npm 19 1.6.2.2 Định dạng gói cài NPM 19 1.6.2.3 Sử dụng NPM 20 1.6.3 Express Framework 21 1.6.4 Node-mysql 22 1.7 MySQL 23 1.7.1 Khái niệm 23 1.7.2 Lý nên chọn MySQL 24 1.8 jQuerymobile 25 1.8.1 Giới thiệu jQuerymobile 25 1.8.2 jQuerymobile hỗ trợ tảng di động 26 CHƢƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 27 2.1 Phân tích tốn 27 2.2 Phân tích thiết kế hệ thống 28 2.2.1 Sơ đồ Use Case 28 2.2.2 Mô hình chức 30 2.2.3 Sơ đồ phân rã chức 31 2.2.4 Biểu đồ luồng liệu mức 32 2.2.4.1 Sơ đồ ngữ cảnh 32 2.2.4.2 Sơ đồ luồng liệu mức đỉnh 33 2.2.4.3 Sơ đồ luồng liệu mức dƣới đỉnh 33 2.3 Thiết kế sở liệu 36 2.3.1 Sơ đồ quan hệ thực thể 36 2.3.2 Xây dựng lƣợc đồ quan hệ 37 2.3.2.1 Mô tả lƣợc đồ 37 2.3.2.2 Lƣợc đồ quan hệ 38 2.3.2.3 Mô tả liệu bảng 39 CHƢƠNG 3: TRIỂN KHAI THỰC HIỆN VÀ ĐÁNH GIÁ WEBSITE HỖ TRỢ KHÁM VÀ ĐIỀU TRỊ BỆNH 43 3.1 Triển khai xây dựng 43 3.1.1 Cài đặt Node.js 43 3.1.2 Xây dựng server module express 43 3.1.3 Giao diện website 44 3.1.4 Giao diện app 56 3.2 Đánh giá 59 KẾT LUẬN 60 TÀI LIỆU THAM KHẢO 61 BÁO CÁO LUẬN VĂN TỐT NGHIỆP LỜI CAM ĐOAN Những nội dung báo cáo thực hướng dẫn trực tiếp PGS.TS Lê Văn Sơn 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, thời gian, địa điểm công bố Mọi chép không hợp lệ, vi phạm quy chế hay gian trá xin tự chịu trách nhiệm Sinh viên Trần Văn Vĩnh SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang i BÁO CÁO LUẬN VĂN TỐT NGHIỆP LỜI CẢM ƠN Trước tiên, xin bày tỏ lòng cảm ơn chân thành đến thầy giáo hướng dẫn PGS TS Lê Văn Sơn, người tận tình dẫn dắt, truyền đạt kinh nghiệm trí thức, giúp đỡ tơi hồn thành luận văn Tơi xin chân thành cảm ơn quý Thầy, Cô giảng dạy cho suốt năm học qua, người truyền đạt cho tri thức mới, trang bị cho hành trang để bước vào cánh cổng đời Xin cảm ơn Ban giám đốc, anh chị hướng dẫn thực tập công ty TNHH tin học thương mại AsNet, người tận tình bảo, trực tiếp hướng dẫn cho tơi hồn thành luận văn Cảm ơn bạn sinh viên tập thể lớp 10CNTT04 bạn bênh cạnh động viên, giúp đỡ suốt thời gian học tập thực luận văn Cuối xin gửi lời cảm ơn sâu sắc đến gia đình tơi, người bên cạnh, thương yêu, giúp đỡ, tạo điều kiện tốt để theo đuổi ước mơ đại học Chân thành cảm ơn! Đà Nẵng, ngày tháng 05 năm 2014 Sinh viên thực Trần Văn Vĩnh SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang ii BÁO CÁO LUẬN VĂN TỐT NGHIỆP DANH MỤC BẢNG BIỂU Bảng 2.1 Mô tả Actor 28 Bảng 2.2 Mô tả Use Case 29 Bảng 2.3 Mô tả lược đồ quan hệ 38 Bảng 2.4 Mô tả chi tiết bảng taikhoan 40 Bảng 2.5 Mô tả chi tiết bảng benhan 40 Bảng 2.6 Mô tả chi tiết bảng toathuoc 41 Bảng 2.7 Mô tả chi tiết bảng chitiet_toathuoc 41 Bảng 2.8 Mô tả chi tiết bảng thuoc 42 SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang iii BÁO CÁO LUẬN VĂN TỐT NGHIỆP DANH MỤC HÌNH ẢNH Hình 2.1 Mơ hình Use Case 28 Hình 2.2 Mơ hình chức hệ thống 30 Hình 2.3 Sơ đồ phân rã chức 31 Hình 2.4 Sơ đồ ngữ cảnh 32 Hình 2.5 Sơ đồ luồng liệu mức đỉnh 33 Hình 2.6 Sơ đồ luồng liệu mức đỉnh chức quản lí tài khoản 33 Hình 2.7 Sơ đồ luồng liệu mức đỉnh chức xem thông tin 34 Hình 2.8 Sơ đồ luồng liệu mức đỉnh chức chỉnh sửa thông tin 34 Hình 2.9 Sơ đồ luồng liệu mức đỉnh chức thêm thông tin 35 Hình 2.10 Sơ đồ thực thể quan hệ 36 Hình 2.11 Lược đồ quan hệ 38 Hình 3.1 Giao diện trang home 44 Hình Trang đăng kí tài khoản 45 Hình 3 Quên mật 46 Hình Trang xem bệnh án tài khoản người bệnh 47 Hình Xem toa thuốc 48 Hình Xem chi tiết bệnh án 48 Hình 3.7 Trang tìm bác sĩ 49 Hình 3.8 Trang chỉnh sửa thơng tin cá nhân 50 Hình 3.9 Trang thay đổi mật 51 Hình 3.10 Tra cứu thuốc 52 Hình 3.11 Trang nhập thuốc 53 Hình 3.12 Tạo bệnh án 54 Hình 3.13 Trang tạo toa thuốc 55 SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang iv BÁO CÁO LUẬN VĂN TỐT NGHIỆP Hình 3.14 Giao diện trang chủ app 56 Hình 3.15 Trang danh sách bệnh án 56 Hình 3.16 Xem chi tiết bệnh án 57 Hình 3.17 Xem chi tiết toa thuốc 58 SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang v BÁO CÁO LUẬN VĂN TỐT NGHIỆP Hình 3.7 Trang tìm bác sĩ Tại trang người dùng chọn xong thơng tin cần tìm Hệ thống đưa danh sách thông tin bác sĩ theo tiêu chí người dùng vừa chọn SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 49 BÁO CÁO LUẬN VĂN TỐT NGHIỆP Hình 3.8 Trang chỉnh sửa thơng tin cá nhân Tại trang người dùng cập nhật chỉnh sửa thông tin cá nhân SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 50 BÁO CÁO LUẬN VĂN TỐT NGHIỆP Hình 3.9 Trang thay đổi mật SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 51 BÁO CÁO LUẬN VĂN TỐT NGHIỆP Hình 3.10 Tra cứu thuốc Trang tra cứu thuốc hiển thị đầy đủ thông tin thuốc gồm: tên, thành phần thuốc, hướng dẫn sử dụng, định, chống định, tác dụng phụ thuốc, khuyến cáo dùng thuốc SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 52 BÁO CÁO LUẬN VĂN TỐT NGHIỆP Đối với tài khoản bác sĩ, chức tương tự ra, thêm số chức với giao diện khác sau: Hình 3.11 Trang nhập thuốc Khi người dùng bác sĩ thấy có loại thuốc ra, chưa có hệ thống họ thêm thơng tin thuốc vào hệ thống SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 53 BÁO CÁO LUẬN VĂN TỐT NGHIỆP Hình 3.12 Tạo bệnh án Khi người bệnh đến khám, bác sĩ lưu lại thơng tin lần khám vào hệ thống trang SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 54 BÁO CÁO LUẬN VĂN TỐT NGHIỆP Hình 3.13 Trang tạo toa thuốc Sau khám bệnh xong bác sĩ kê toa thuốc cho bệnh nhân Ở nhập tên thuốc hỗ trợ auto complete để nhập nhanh hơn, đồng thời đảm bảo khơng có lỗi ghi sai tên thuốc kê toa tay SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 55 BÁO CÁO LUẬN VĂN TỐT NGHIỆP 3.1.4 Giao diện app Hình 3.14 Giao diện trang chủ app Tại trang chủ người sử dụng phải nhập tài khoản mật để đăng nhập sử dụng chức app Hình 3.15 Trang danh sách bệnh án SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 56 BÁO CÁO LUẬN VĂN TỐT NGHIỆP Trang danh sách bệnh án chứa danh sách bệnh án theo ngày, ngày gần đưa lên đầu danh dách, để xem thông tin chi tiết ngày khám người dùng click vào ngày Hình 3.16 Xem chi tiết bệnh án Trang chi tiết bệnh án chứa thông tin chi tiết ngày khám Với bệnh án có toa thuốc kèm theo người dùng xem toa thuốc cách click vào nút xem toa thuốc SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 57 BÁO CÁO LUẬN VĂN TỐT NGHIỆP Hình 3.17 Xem chi tiết toa thuốc Trang xem chi tiết thoa thuốc hiển thị thông tin chi tiết toa thuốc ứng với bệnh án Những thông tin toa thuốc bao gồm: tên thuốc, số ngày uống, số lần uống/1 ngày, số viên/ lần uống, thời điểm uống SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 58 BÁO CÁO LUẬN VĂN TỐT NGHIỆP 3.2 Đánh giá Kết đạt đƣợc: Với phiên website cho desktop hoàn thành tất chức mục tiêu ban đầu đề Với phiên app mobile hoàn thành chức đăng nhập, đăng xuất, xem danh sách bệnh án, xem chi tiết bệnh án, xem toa thuốc Hạn chế: Giao diện website chưa đẹp mắt khoa học Phiên app dừng lại chức SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 59 BÁO CÁO LUẬN VĂN TỐT NGHIỆP KẾT LUẬN Sau trình thực tập thân em học nhiều kiến thức kinh nghiệm q báu Tại cơng ty ngồi đào tạo kiến thức chun mơn em cịn có hội tìm hiểu, quan sát thực tiễn trực tiếp viết code cho đề tài qua thấy thân thiếu gì, cần trang bị để chuẩn bị bước vào giai đoạn làm việc tương lai Với đề tài thực tập mang quy mơ nhỏ demo q trình thực thân em học cách thực hóa kiến thức từ sách vào cơng việc Từ tự rút kinh nghiệm hữu ích cho thân Tuy nhiên thời gian kiến thức chun mơn cịn hạn chế nên thời gian thực tập thân em hoàn thành chức website Đối với phiên app mobile dừng lại chức năng: login, xem danh sách bệnh án, xem chi tiết bệnh án, xem toa thuốc Hƣớng phát triển: Xây dựng đầy đủ chức cho app mobile Xây dựng thêm chức cho phép người dùng tìm kiếm hiệu thuốc theo khu vực Chỉnh sửa giao diện cho đẹp hơn, hoàn thiện SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 60 BÁO CÁO LUẬN VĂN TỐT NGHIỆP TÀI LIỆU THAM KHẢO Ebooks: [1] Dejan V Cancarevi Front-end Guide, ISBN 978-1-257-37903-3, 2011 [2] Oreilly.JavaScript.The.Good.Parts.May.2008 [3] Oreilly.Node.Up.and.Running.Apr.2012 [4] Learning jQuery Third Edition.pdf Website: [5] http://getbootstrap.com/ [6] http://w3school.com/ [7] http://jquerymobile.com/ [8] http://phonegap.com / [9] http://vi.wikipedia.org/ SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 61 BÁO CÁO LUẬN VĂN TỐT NGHIỆP NHẬN XÉT CỦA GIÁO VIÊN HƢỚNG DẪN … Đà Nẵng, ngày….tháng….năm 2014 GIÁO VIÊN HƢỚNG DẪN SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 62 BÁO CÁO LUẬN VĂN TỐT NGHIỆP NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN … Đà Nẵng, ngày….tháng….năm 2014 GIÁO VIÊN PHẢN BIỆN SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 63 ... KHAI THỰC HIỆN VÀ ĐÁNH GIÁ WEBSITE HỖ TRỢ KHÁM VÀ ĐIỀU TRỊ BỆNH 43 3.1 Triển khai xây dựng 43 3.1.1 Cài đặt Node.js 43 3.1.2 Xây dựng server module express... N900 (đang xây dựng) SV: Trần Văn Vĩnh-Lớp 10CNTT4 Trang 26 BÁO CÁO LUẬN VĂN TỐT NGHIỆP CHƢƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1 Phân tích tốn Website hỗ trợ khám điều trị bệnh xây dựng nhằm... thiết kế website đưa đến thay website tĩnh website động Website động tạo cho người dùng khả tương tác với nó, đồng thời giúp người chủ website quản lý nội dung website dễ dàng linh hoạt Một website