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 1KͷQJQ͡LGXQJWURQJEiRFiRQj\OjG G̳QWU͹F WL͇SFͯD3*676/r9ăQ6˯Q 0͕LWKDPNK̫RGQJWURQJEiRFiRQj\ JL̫ tên công WUuQKWKͥLJLDQÿ͓DÿL͋PF{QJE͙ 0͕LVDRFKpSNK{QJKͫSO͏YLSK̩PTX QKL͏P Sinh viên 7U̯Q9ăQ9ƭQK SV: Trần-Lớp Văn 10CNTT4 Vĩnh Trang i BÁO CÁO LUẬN VĂN TỐT NGHIỆP LỜI CẢM ƠN 7U˱ͣFWLrQW{L[LQEj\W͗OzQJF̫P˯ JLiRK˱ͣQJG̳ PGS 76/r9ăQ6˯QQJ˱ͥLÿmW̵QWuQKG̳Q JL~SÿͩW{LKRjQWKjQKOX̵QYăQQj\ 7{L[LQFKkQWKjQKF̫P˯QTXê7K̯\& K͕FTXDQKͷQJQJ˱ͥLÿmWUX\͉Qÿ̩WFKRW LQKͷQJWULWKͱFPͣLW WUDQJÿ͋E˱ͣFYjRFiQKF͝QJFX͡FÿͥL ;LQÿ˱ͫFF̫P˯Q%DQJLiPÿ͙FFiFDQK y 71++WLQK͕FYjWK˱˯QJP̩L$V1 HWQKͷQJQJ˱ͥLÿmW̵QWuQ G̳QFKRW{LKRjQ WKjQKOX̵QYăQ &̫P˯QFiFE̩QVLQKYLrQWURQJW̵SWK F̩QKÿ͡QJYLrQJL~SÿͩW{LWURQJVX͙WW &X͙LFQJ[LQJ͵LOͥLF̫P˯QVkXV̷F ErQF̩QK WK˱˯QJ\rXJL~SÿͩW̩RP͕LÿL͉X K͕FFͯDPuQK CKkQWKjQKF̫P˯Q Ĉj1 ̽ng, ngày tháng 05 QăP Sinh viên th͹c hi͏ n 7U̯Q9ăQ9ƭQK SV: Trần-Lớp Văn 10CNTT4 Vĩnh Trang ii BÁO CÁO LUẬN VĂN TỐT NGHIỆP DANH MỤC BẢNG BIỂU %̫QJ0{W̫$FWRU 28 %̫QJ0{W̫8VH&DVH 29 %̫QJ0{W̫FiFO˱ͫFÿ͛TXDQK͏ 38 %̫QJ0{W̫FKLWL͇WE̫QJWDLNKRDQ 40 %̫QJ0{W̫FKLWL͇WE̫QJEHQKDQ 40 %̫QJ0{W̫FKLWL͇WE̫QJWRDWKXRF 41 %̫QJ0{W̫FKLWL͇WE̫QJFKLWLHWBWR 41 %̫QJ 0{W̫FKLWL͇WE̫QJWKXRF 42 SV: Trần-Lớp Văn 10CNTT4 Vĩnh 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 +uQK0{KuQKFKͱFQăQJFͯDK͏WK͙QJ 30 +uQK6˯ÿ͛SKkQUmFKͱFQăQJ 31 Hình 2.4 6˯ÿ͛QJͷF̫QK 32 Hình 2.5 6˯ÿ͛OX͛QJGͷOL͏XPͱFÿ͑QK 33 Hình 2.6 6˯ÿ͛ OX͛QJGͷOL͏XPͱFG˱ͣLÿ͑QKFKͱF 33 +uQK6˯ÿ͛OX͛QJGͷOL͏XPͱFG˱ͣLÿ 34 Hình 2.8 6˯ÿ͛OX͛QJGͷOL͏XPͱFG˱ͣLÿ͑QKFK FK͑QKV͵D thơng tin 34 +uQK6˯ÿ͛OX͛QJGͷOL͏XPͱFG˱ͣLÿ ͱFQăQJ thêm thông tin 35 +uQK6˯ÿ͛WK͹FWK͋TXDQK͏ 36 +uQK/˱ͫFÿ͛TXDQK͏ 38 Hình 3.1 *LDRGL͏QWUDQJKRPH 44 Hình 7UDQJÿăQJNtWjLNKR̫Q 45 Hình 4XrQP̵WNḴX 46 Hình 7UDQJ[HPE͏QKiQFͯDWjLNKR̫QQJ 47 Hình ;HPWRDWKX͙F 48 Hình ;HPFKLWL͇WE͏QKiQ 48 +uQK7UDQJWuPEiFVƭ 49 Hình 3.8 7UDQJFK͑QKV͵DWK{QJWLQFiQKkQ 50 +uQK7UDQJWKD\ÿ͝LP̵WNḴX 51 +uQK7UDFͱXWKX͙F 52 Hình 3.11 7UDQJQK̵SWKX͙FPͣL 53 Hình 7̩RE͏QKiQPͣL 54 +uQK7UDQJW̩RWRDWKX͙F 55 SV: Trần-Lớp Văn 10CNTT4 Vĩnh Trang iv BÁO CÁO LUẬN VĂN TỐT NGHIỆP Hình 3.14*LDRGL͏QWUDQJFKͯDSS 56 Hình 3.157UDQJGDQKViFKE͏QKiQ 56 Hình 3.16;HPFKLWL͇WE͏QKiQ 57 Hình 3.17;HPFKLWL͇WWRDWKX͙F 58 SV: Trần-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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 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-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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 … Ĉj1̽QJQJj\«WKiQJ« GIÁO VIÊN HƢỚNG DẪN SV: Trần-Lớp Văn 10CNTT4 Vĩnh 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 … Ĉj1̽QJQJj\«WKiQJ« GIÁO VIÊN PHẢN BIỆN SV: Trần-Lớp Văn 10CNTT4 Vĩnh 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-Lớp Văn 10CNTT4 Vĩnh 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 toá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