Khóa luận tốt nghiệp Hệ thống thông tin: Xây dựng hệ thống quản lý hỗ trợ chăm sóc sức khỏe bệnh nhân tim mạch

Phạm vi và mục tiêu của dự án Xây dựng hệ thống website dựa trên một phòng khám là Hồng Tâm Clinic tại TP.Hồ Chí Minh với các chức năng đáp ứng cho người tới khám và bác sĩ quản lý thông

ĐẠI HỌC QUỐC GIA TP HÒ CHÍ MINH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA HỆ THÓNG THÔNG TIN

TRAN QUOC HOÀNG

KHOA LUAN TOT NGHIEP

XAY DUNG HE THONG QUAN LY HO TRO CHAM SOC

SUC KHOE BENH NHAN TIM MACH

BUILDING CARDIOVASCULAR DISEASE HEALTH CARE

SUPPORT SYSTEM

KY SU NGANH HE THONG THONG TIN

HO CHi MINH, 2021

ĐẠI HOC QUOC GIA TP HO CHÍ MINH

TRUONG DAI HOC CONG NGHE THONG TIN KHOA

HE THONG THONG TIN

Trần Quốc Hoang - 17520521

KHÓA LUẬN TÓT NGHIỆP

XÂY DUNG HE THONG QUAN LÝ HO TRỢ CHAM SOC

SUC KHOE BENH NHAN TIM MACH

BUILDING CARDIOVASCULAR DISEASE HEALTH CARE

SUPPORT SYSTEM

KY SU NGANH HE THONG THONG TIN

GIANG VIEN HUONG DAN

Th.S Đỗ Duy Thanh Th.S Đỗ Thị Minh Phụng

HÒ CHÍ MINH, 2021

DANH SÁCH HOI DONG BẢO VỆ KHÓA LUẬN

Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số

-TIBẦY òc sec của Hiệu trưởng Trường Đại học Công nghệ Thông tin.

HH Thư ký

E 7 Ố.Ố Ắ Ủy viên

LOI CÁM ON

Trước tiên, em xin cảm ơn tat cả các giảng viên khoa Hệ thống Thông Tin — Dai học Công Nghệ Thông Tin đã trực tiếp giảng dạy và cung cấp cho em nhiều kiến thức nền tảng quý giá

trong suốt thời gian học tập tại môi trường đại học Đặc biệt, em xin chân thành cảm ơn sâu

sắc đến ThS Đỗ Thị Minh Phụng và ThS Đỗ Duy Thanh đã trực tiếp hướng dẫn, hỗ trợ giúp

đỡ em trong suốt quá trình thực hiện khóa luận Em cũng không quên sự giúp đỡ của cựu

sinh viên đã cung cấp luận văn tốt nghiệp mà họ đã thực hiện trước đó dé em tham khảo cách trình bay cũng như những vấn dé về nội dung liên quan Xin chân thành cảm ơn tat cả mọi người đã giúp đỡ em trong quá trình thực hiện khoá luận, họ là những nhân tố hết sức quan trọng dé em có thể hoàn thành luận văn này Cuối cùng, em xin bày tỏ lòng biết ơn sâu sắc đến gia đình, bạn bè, người thân đã khích lệ, động viên em suốt thời gian thực hiện đề tài này.

Thành phố Hồ Chí Minh, ngày tháng 7 năm 2021

Sinh viên thực hiện

Trần Quốc Hoàng

LỜI CAM ĐOAN

Em, Trần Quốc Hoàng xác nhận nội dung trình bày trong báo cáo này dựa trên những tổng

hợp lý thuyết và kiến thức tích lũy của bản thân Các nôi dung được trình bày trong luận văn

này là trung thực và chưa từng được công bố dưới bất cứ hình thức nào Moi thông tin trích dẫn đều được chú thích và liệt kê rõ ràng thành các tài liệu tham khảo Chúng em xác nhận

báo cáo khóa luận tốt nghiệp này là sản phẩm của em dưới sự hướng dẫn của ThS Đỗ Thị

Minh Phụng và sự giúp đỡ của những cá nhân khác đã được ghi nhận.

Thành phó Hồ Chí Minh, ngày tháng 7 năm 2021

Trần Quéc Hoang

LOI NHẬN XÉT CUA GIANG VIÊN HƯỚNG DAN

Thành phố Hồ Chí Minh, ngày tháng 7 năm 2021

Giảng viên hướng dẫn

ThS Đỗ Duy Thanh - ThS Đỗ Thi Minh Phụng

LOI NHẬN XÉT CUA GIẢNG VIÊN PHAN BIEN

Thành phố Hồ Chí Minh, ngày tháng 7 năm 2021

Giảng viên phản biện

MỤC LỤC

CHƯƠNG 1: TONG QUAN DỰ ÁN -ccc-ccccttrrrrrrrrrrrrrrrriririrrre l6

.l,HIiỆn trẠnE cee + kk 1 1 HT n HT TH TT TH HH HH 16

1.2.Phạm vi và mục tiêu của dự án - ¿5c + c +22 E32 ESESsEEerEsrrrrreerrrrrrrrxrr 16

.3.Téng quan về hệ thống

I5 0n 0 0 nh 18 5.Bố cục báo cáo -222+2222+222211222211122221112211112111112111122.0111.0111 11 ce 18

CHƯƠNG 2: CƠ SỞ LÝ THUYẾTT 2¿-©222¿++222+++22E+++tvxErsrrvrresrrr 19

2.1.Tìm hiểu về HTMI/CSS/JavaScript 5:- 52552 222cc2cvxvrtrrrrrrrrrrrrrrkr 19

2.1.1 Tổng quan về HTML :-2¿©+2+++2+++tx++£xx+rxrrzrxrsrxee 19 2.1.2 Tổng quan về CSS

2.1.3 Tổng quan về JavaS€ript -::-22¿222++22+++22+zezvxrersrrrrsrrrxee 22 2.1.4 Tổng quan về framework Bootstrap :-2¿©z222zz22szzcssz 25 2.1.5 Tổng quan về framework JQuery -: ¿22z22sz+2cszscs+z 25 2.2 Tìm hiểu về PHP/Laravel và MySQLL -2-2¿©22¿222z222++22+z+zzzzszx 27

2.4 Tim hiéu vé Navicat n.dadỶỪ5 31 CHƯƠNG 3: PHAN TÍCH VÀ THIET KE HE THÓNG . -: 2 32

3.1.Tổng quan về phòng khám tim mạch Hồng Tâm - + 32

3.1.1 Giới thiệu về đối tượng khảo sát

3.1.2 Sơ đồ tiến trình nghiệp vụ - -22¿22+z+2cv+zreczvrrrrrrsrcee 33

3.6 Sơ đồ kiến trúc hệ thông

3.7 Sơ đồ chức năng -+222+22++222+22E3122211222112211227112211127112111 211.21 xe, 46

3.7.1 Mô hình sơ đồ chức năng -¿-¿+++222++22+++2zxzzzzxesrx 46

3.7.2 Mô tả CAC lỚP ¿+ + 1 1212 191912 2 12H20 10H ưu 47

3.8 Thiét ké CO SO dit HU cecccccccsssescesssecessseceestecessseseesseecesstesessteesesneseesneeees 50

3.9.1 Thiết kế giao điện người dùng

3.9.2 Thiết kế giao điện quản trị - -¿-22¿+22++222+22E2222Eztzrxesrrrcsrx 61

CHUONG 4: TRIEN KHAI VÀ CÀI DAT CHUONG TRÌNH 62

4.1 Triển khai chương trình - 2: 2¿©2+2222++2E22£2EE+£EEE2EEE223222Ee2EEcrrrrrek 62

4 Hình 2.4 Website sau khi có CSS 22

5 Hình 2.5 Hình ảnh mô tả một chức năng trong JavaCript 23

6 Hình 2.6 Hình ảnh về lược đồ trước khi có JavaScipt 24

7 Hình 2.7 Hình ảnh thé hiện lược đồ sau khi có JavaScript 24

§ Hình 2.8 Mô tả CDN Boostrap 25

9 Hình 2.9 Mô tả CDN JQuery 27

0 Hình 2.10 Hình ảnh phương thức hoạt động của MySQL 29

1 Hình 2.11 Hình ảnh màn hình chinh của Source tree 30

2 Hình 2.12 Màn hình lich sử commit code của Source tree 30

3 Hình 3.1 Hình anh mô tả so đồ tiền trình nghiệp vụ khám 3

bệnh

4 Hình 3.2 Hình ảnh mô tả sơ đồ tiến trinh nghiệp vụ báo cáo 34

5 Hình 3.3 Hình ảnh mô tả Use case tổng quát 35

6 Hình 3.4 Biểu đồ trinh tự quản lý phiếu đăng ký 39

7 Hình 3.5 Biểu đồ trinh tự quản lý phiếu khám 39

8 Hình 3.6 Biểu đồ trinh tự quan lý báo cáo 40

9 Hình 3.7 Biéu đồ trinh tự quản lý dịch vụ 40

20 Hình 3.8 Biểu đồ trinh tự quản lý lịch 4I

21 Hình 3.9 Biểu đồ trinh tự quản lý nhân viên — bác sĩ 4I

2 Hình 3.10 Biéu đồ trinh tự quản lý đăng ký khám bệnh 42

23 Hình 3.11 Biéu đồ trinh tự tra cứu thông tin 42

24 Hình 3.12 Biểu đồ thành phần của quản trị 43

25 Hình 3.13 biểu đồ thành phần của người dùng 44

26 Hình 3.14 Sơ đồ kiến trúc hệ thống theo Client-Server 45

27 Hình 3.15 Sơ đồ chức năng 46

28 Hình 3.16 Cơ sở dữ liệu 50

29 Hình 3.17 Thiết kế giao diện với trang chủ 57

30 Hình 3.18 Thiết kế giao diện trang dịch vụ, thông tin bài viết 58

31 Hình 3.19 Thiết kế giao điện trang liên hệ 59

32 Hình 3.20 Thiết kế giao diện trang tra cứu thông tin 60

33 Hình 3.21 Thiết kế giao diện quản trị 61

34 Hình 4.1 Mô hình cấu trúc MVC 62

35 Hình 4.2 Cấu trúc hệ thông sử dụng Laravel 63

36 Hình 4.3 Giao diện trang chủ khi khách hàng truy cập 65

37 Hình 4.4 Giao diện trang dịch vụ khi khách hàng truy cập 66

38 Hình 4.5 Giao diện trang thông tin bài viết G7

39 Hình 4.6 Giao diện trang liên hệ 68

40 Hình 4.7 Giao diện trang tra cứu thông tin 69

4I Hình 4.8 Giao diện tổng quan của trang quản lý 70

42 Hình 4.9 Giao diện duyệt phiêu đăng ký khám bệnh 71

43 Hình 4.10 Giao diện in hóa đơn 71

44 Hình 4.11 Giao diện hiển thị phiếu khám bệnh 72

45 Hình 4.12 Giao diện quản lý lịch 72

DANH MỤC BẢNG

STT Tên bảng Trang

1 Bang 3.1 Mô tả các actor 35

2 Bảng 1.2 Bảng mô tả các Use case 36

8 Bang 3.8 Bang phiếu khám 53

9 Bang 3.9 Bang chi tiét dich vu 53

0 Bang 3.10 Bảng phòng khám 54

1 Bang 3.11 Bang bac si 54

2 Bang 3.12 Bang tinh 55

3 Bang 3.13 Bang huyén 55

4 Bang 3.14 Bang xa 56

Bang 3.15 Bảng lịch

16 Bang 4.1 Mô tả cau trúc hệ thống sử dụng Laravel 63

CHƯƠNG 1: TONG QUAN DỰ ÁN

1.1 Hiện trạng

Với công nghệ kỹ thuật thông tin đang phát triển hiện tại trên đất nước Việt Nam, việc

lưu trữ số sách, bút ký hay thông tin quản lý bằng cách thủ công đã gây ra ít nhiều sự

khó khăn và thời gian cho nhân viên cũng như cho người sử dụng.

Hiện nay, lối sống của người dân đang dần được nâng cao , vi thế việc chú trọng về

sức khỏe là ưu tiên hàng đầu , trong đó tìm mạch là một yếu tố nguy hiểm ảnh hưởng nghiêm trọng đến sức khỏe nếu không được khám sức khỏe định kỳ Các đối tượng chủ yếu là người béo phì , người lao động nặng và đặc biệt là thai phụ Vì thế để nâng cao việc người dùng có thé tiếp cận thông tin , đăng ký khám và nhân viên có thé tối giảm việc lưu trữ thông tin thủ công là ý tưởng để em thực hiện đề tài này.

Qua hiện trạng sơ bộ hình thành hệ thống:

- Chức năng chính.

- Rang buộc chính.

- Môi trường của hệ thống.

1.2 Phạm vi và mục tiêu của dự án

Xây dựng hệ thống website dựa trên một phòng khám là Hồng Tâm Clinic tại TP.Hồ

Chí Minh với các chức năng đáp ứng cho người tới khám và bác sĩ quản lý thông tin

bệnh nhân

Một hệ thống cho phép :

- Người khám :

o Xem thông tin của trung tâm.

o Xem các dịch vụ khám tim của trung tâm.

o_ Xem các bài viết về bệnh tim mạch.

o_ Liên hệ đăng ký khám trực tuyến với trung tâm.

16

o Tra cứu thông tin khám bệnh của bản thân.

- Bac si:

o Hé thong quan ly.

Việc ứng dụng công nghệ thông tin vào mọi mặt của đời sống xã hội đã mang lại

những giá trị tích cức đối với lĩnh vực đó và xây dựng website quản lý hỗ trợ chăm sóc sức khỏe bệnh nhân tim mạch cũng không nằm ngoài xu hướng chung đó.

1.3 Tổng quan về hệ thống

Yêu cầu hệ thống:

- Giao diện thân thiện, dễ sử dụng đối với người dùng.

- Thường xuyên cập nhật thông tin khi có thay đôi.

- Đảm bảo chính xác và an toàn thông tin.

- Mang lại lợi ích kinh tế, tăng hiệu quả làm việc đối với đơn vị sử dụng Yêu cầu thông tin:

- _ Hình thức xử lý: xử lý trực tiếp đữ liệu một cách liên tục.

- Tính khả thi: đáp ứng được nhu cầu của thực tiễn, giảm bớt nguồn lực,

góp phần tiết kiệm thời gian và chi phí, thúc day việc kinh doanh.

Yêu cầu về quy trình:

-_ Tiến hành khảo sát, thu thập thông tin: nắm bắt được nhu cầu của khác

hàng trước khi thực hiện một công việc cụ thé.

- Triển khai phân tích yêu cầu của hệ thống, xây dựng thiết kế hệ thống

chương trình có logic.

- Phan tích rủi ro trong quá trình xây dựng chương trình và phải có biện

pháp khắc phục hiệu quả.

Khái quát hệ thống mới được đưa ra:

Xem thông tin:

- Thông tin trung tâm, cơ sở vật chất , địa chỉ, liên hệ -_ Các bài viết về tim mach , sức khỏe.

- Dịch vụ khám bệnh

17

- Tư vân.

Cập nhật các thông tin:

- Danh mục dịch vụ.

- Danh mục chỉ tiết dịch vụ.

- Danh mục nhân viên — bác sĩ.

- Danh mục danh sách phiếu đăng ký , phiếu khám bệnh.

- Danh mục lịch.

- Dang mục báo cáo.

- Thong kê truy cap.

1.4 Môi trường phát triển

Hệ thống website của nhóm được xây dựng trên môi trường php/Laravel với các

công nghệ sau:

Ngôn ngữ lập trình: Php/Laravel

- Giao diện: HTML — Css/Boostrap4 — Javascript/Jquery

- Hệ quản trị cơ sở dữ liệu: MySql

- _ Kết nối đữ liệu: DB Query

- _ Công cụ phân tích va phát triển: Lucidchart Online

- Các công nghệ khác: Google maps API

1.5 Bố cục báo cáo

Chương 1 : Giới thiệu tổng quan về dự án

Chương 2 : Cơ sở lý thuyết

Chương 3 : Phân tích và thiết kế hệ thống

Chương 4 : Xây dựng và triển khai hệ thông

Chương 5 : Kết luận

18

CHƯƠNG 2: CƠ SỞ LÝ THUYET

Trong chương này, em sẽ trình bày về các lý thuyết liên quan đến các ngôn ngữ sử

dụng, các công nghệ được sử dụng và nhắc đến trong khóa luận

2.1 Tim hiểu về HTML/CSS/JavaScript

Font End ( còn được biết đến như client-side) là tat cả những gi liên quan đến điều màngười dùng khi nhìn thấy mỗi khi truy cập vào một trang web, bao gồm phạm trù thiết

kế và các ngôn ngữ như HTML, CSS hay JavaScript

Người dùng tương tác trực tiếp với nhiều khía cạnh thuộc Font End như : nhận biết vịtrí đặt logo, màu sắc chủ đạo, tìm kiếm và đọc thông tin sử dụng các button và tínhnăng trên web Mục đích cuối cùng của Front End là nham mang lại một giaodiện bắt mắt, giúp người dùng dễ dàng thao tác và sử dụng

Có nhiều ngôn ngữ và framework hỗ trợ xây dựng lên một giao diện đẹp mắt và dễ

dàng cho người dùng sử dụng như : HTML, CSS và ngôn ngữ lập trình JavaScript,

jQuery, Bootstrap, AngularJS, ReactJS Tuy nhiên, trong dé tài lần này, em sửdung 3 ngôn ngữ : HTML,CSS và ngôn ngữ lập trình JavaScript Đồng thời sử

dụng các thư viện, framework như Bootstrap,JQuery.

Đối với website:

- HTML xây dựng nội dung, cau trúc co bản cho trang web

- CSS được sử dụng để kiểm soát trình bày, định dạng và bố cục

- JavaScript được sử dụng đê kiêm soát hành vi của các yêu tô khác nhau.

Cấu trúc cơ bản của một trang HTML có dạng như sau, thường sẽ có 3 phần :

<!Doctype>: Phần khai báo chuẩn của html hay xhtml

<head></head>: Phần khai báo ban đầu, khai báo về meta, title, css, J avaScript

19

<body></body>: Phần chứa nội dung của trang web, nơi hién thị nội dung.

Ví dụ về 1 trang HTML:

<link href="{{ asset( 'web/css/bootstrap.min.css") }}" rel=”stylesheet”>

<link href="{{ asset(‘web/css/responsive-slider.css') }}" rel="stylesheet">

<link rel="stylesheet" href="{{ asset('web/css/animate.css") }}">

<link rel="stylesheet" href="{{ asset('web/css/font-awesome.min.css") }}">

<link href="{{ asset(‘web/css/style.css') }}" rel="stylesheet">

<link icon" href = "{{ asset('web/img/logo.png') }}" type = “image/x-icon">

Nếu HTML cung cấp cấu trúc cơ bản của các trang web thì CSS và JavaScript sẽ cai

tiên và sửa đôi website sinh động hon.

2.1.2 Tổng quan về CSS

CSS là viết tắt của cụm từ tiếng anh “Cascading Style Sheets”, tam dịch: ngôn ngữ tao

phong cách cho trang web.

20

CSS sẽ giúp lập trình viên xác định styles và định nghĩa nhiều loại nội dung củawebsite CSS được tạo ra dé kết hợp với ngôn ngữ markup HTML để tạo phong cách

cho trang web.

Ví dụ 1 đoạn code về CSS :

Có 3 loại style CSS chính:

Style CSS Internal : là style được tải lên mỗi khi trang web được refresh.

Style CSS Inline: bạn có thé chỉnh sửa một yếu tố nào đó mà không cầntruy cập trực tiếp vào file CSS

External style: bạn có thể tạo phong cách ở file khác áp dụng CSS vàotrang bạn muốn External style sẽ cải thiện thời gian tải trang rất nhiều

- Phan biệt cách hiển thị của trang web với nội dung chính của trang bằng

cách điêu khiên bô cục, màu sắc và font chữ.

Vi dụ vê website trước và sau khi có CSS :

< > CG A Khéng bảo mật | clinic-hongtam.com:3000

HONG TAM CLINIC

Trang Chu

Dich Vu Thong Tin tim mach

JavaScript là một ngôn ngữ lập trình giúp chuyển website từ trạng thái tĩnh sang động,

tạo tương tác đê cải thiện hiệu suât máy chủ và nâng cao trải nghiệm người dùng.

22

JavaScript là ngôn ngữ được sử dụng rộng rãi khi kết hợp với HTML/CSS để thiết kế

web động.

Su dung JavaScript, bạn sẽ:

- Dé dang bat đầu với các bước nhỏ, với thư viện ảnh, bố cục có tính thay

đổi nhờ sự linh hoạt của JavaScript

- (C6 thé tạo ra các trò chơi, hoạt họa 2D hoặc 3D, ứng dụng cơ sở dtr liệu

toàn điện,

- _ Tăng cường các hành vi và kiểm soát mặc định của trình duyệt.

Vi dụ về 1 đoạn code chức năng JavaScipt dé hiển thị lược đồ :

Chart ($

Hình 2.5 Hình ảnh mô ta một chức năng trong JavaCript

23

Ví dụ về lược đồ trước khi có J avaScipt :

Phiếu Dang KY Theo Thóng

Hình 2.6 Hình ảnh về lược đồ trước khi có JavaScipt

Phiếu Đăng Kú Theo Théng

Hình 2.7 Hình ảnh thể hiện lược đồ sau khi có JavaScript

2.1.4 Tổng quan về framework Bootstrap

Bootstrap là 1 framework HTML, CSS, va JavaScript cho phép người dùng dễ dàng

thiết kế website theo 1 chuẩn nhất định, tạo các website thân thiện

Bootstrap bao gồm những cái cơ bản có sẵn như: typography, forms, buttons, tables,navigation, modals, image carousels và nhiều thứ khác Trong bootstrap có thêm nhiềuComponent, Javascript hỗ trợ cho việc thiết kế reponsive của bạn dễ dàng, thuận tiện và

nhanh chóng hơn.

Ưu điểm khi sử dụng Boostrap :

- Rất dé dé sử dụng: Nó đơn giản vì nó được base trên HTML, CSS và

Javascript chỉ can có kiến thức cơ bản về 3 cái đó là có thé sử dụngbootstrap tốt

- Responsive: Bootstrap xây dựng sẵn reponsive css trên các thiết bị Iphones,

tablets, và desktops Tính năng này khiến cho người dùng tiết kiệm được ratnhiều thời gian trong việc tạo ra một website thân thiện với các thiết bị điện

tử, thiết bi cam tay

- Tương thích với trình duyệt: Nó tương thích với tất cả các trình duyệt

(Chrome, Firefox, Internet Explorer, Safari, and Opera) Tuy nhiên, với IE

browser, Bootstrap chi hỗ trợ từ IE9 trở lên Điều nay vô cùng dé hiểu vì IE8

không support HTMLS và CSS3.

Có 2 cách dé sử dụng Boostrap :

- Download Bootstrap packet từ getbootstrap.com

- Thém Bootstrap từ CDN

<! Latest compiled and minified CSS >

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.mi

Hình 2.6 Mô ta CDN Boostrap

2.1.5 Téng quan vé framework JQuery

JQuery là thư viện được viết từ JavaScript, giúp xây dựng các chức năng bằng

JavaScipt dễ dàng, nhanh và giàu tính năng hơn.

25

JQuery được tích hợp nhiều module khác nhau Từ module hiệu ứng cho đến moduletruy vấn selector JQuery được sử dụng đến 99% trên tổng số website trên thế giới.

Các module phô biến của JQuery bao gồm:

Ajax : xử ly Ajax.

Atributes : Xử ly các thuộc tính của đối tượng HTML

Effect : xử lý hiệu ứng.

Event : xử lý sự kiện.

Form : xử lý sự kiện liên quan tới form.

DOM : xử ly Data Object Model.

Selector : xử lý luồng lách giữa các đối tượng HTML

Các tính năng quan trọng của JQuery :

Gon nhẹ: jQuery là một thư viện khá gọn nhẹ — có kích cỡ khoảng 19KB

(gzipped).

Tương thích đa nền tang: Nó tự động sửa lỗi và chạy được trên mọi trìnhduyệt phổ biến như Chrome, Firefox, Safari, MS Edge, IE, Android và

1OS.

Dễ dàng tạo Ajax: Nhờ thư viện jQuery, code được viết bởi Ajax có thể

dễ dàng tương tác với server và cập nhật nội dung tự động mà không cần

phải tải lại trang.

Xử lý nhanh nhạy thao tác DOM: jQuery giúp lựa chọn các phần tửDOM để traverse (duyệt) một cách dễ dàng, và chỉnh sửa nội dung củachúng bằng cách sử dụng Selector mã nguồn mở, mà còn được gọi là

Sizzle.

Don giản hóa việc tạo hiệu ứng: Giống với code snippet có hiệu ứnganimation, nó phủ các dòng code và bạn chỉ việc thêm biến/nội dung vào

thôi.

Hỗ trợ tốt phương thức sự kiện HTML: Xử lý sự kiện — jQuery xử lý các

sự kiện đa dạng mà không làm cho HTML code trở nên lộn xộn với các Event Handler.

Có 2 cách dé sử dung JQuery :

26

- Tai thư viện từ trang http://jQuery.com/download và cai đặt.

- Su dụng CDN

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jQuery/2.1.3/jQuery.min.js">

Hình 2.9 Mô ta CDN JQuery

2.2 Tim hiéu vé PHP/Laravel va MySQL

Khi chúng ta truy cập vào một trang web hoặc ứng dụng và bat đầu thao tác,tương tactrên đó, thì tức là chúng ta đang đi sâu vào sản phẩm đó, và dé có thể giúp chúng tatương tác được như thế nhờ vào máy chủ, cơ sở dữ liệu và tất cả thành phần đó

được gọi là Back End.

Back End xử lý mọi nghiệp vu phức tạp, ẩn phía sau một trang web, ứng dụng, hệ

thống giúp cho hệ thống hoạt động trơn tru Backend thường bao gồm ba phần: máychủ, ứng dung và cơ sở dt liệu Bất cứ sản phẩm nào đều có hai nơi mã code hoạtđộng dé mọi thứ diễn ra trơn tru: phía máy khách và phía máy chủ

Có nhiều ngôn ngữ phía server và cơ sở đữ liệu như :

- Ngôn ngữ dé lap trinh backend: C#, Java, Python, PHP

- Framework di cùng: ASP.Net MVC, Spring, Django, Laravel

- Kién thức về Database SQL: MS SQL Server, MySQL hoặc một sỐ

Database NoSQL mới đây như: Neo4J, MongoDB

Tuy nhiên, đề tài lần này em sử dụng ngôn ngữ PHP, framework Laravel và hệ quản trị

cơ sở dữ liệu MySQL.

2.2.1 Tổng quan về PHP

PHP là viết tắt của Hypertext Preprocessor PHP là một ngôn ngữ kịch bản mã nguồn

mở, thông dịch và hướng đối tượng, được thực hiện ở phía máy chủ Nó được sử dụng

dé phát triển các ứng dụng web

PHP là một ngôn ngữ thông dịch, nghĩa là không cần biên dịch

PHP là một ngôn ngữ kịch bản phía máy chủ.

PHP là một ngôn ngữ hướng đối tượng

PHP là một ngôn ngữ kịch bản mã nguồn mở

PHP là ngôn ngữ đơn giản và dễ học.

27

5 đặc trưng quan trọng làm PHP trờ thành ngôn ngữ khá tiện lợi :

- Don giản hóa.

- Hiéu quả.

- Bao mật cao.

- Linh động.

- Than thiện.

2.2.2 Tong quan vé framework Laravel

Laravel là một trong những PHP web framework phổ biến nhất theo mau MVC(Model-View- Controller) Là nguồn mở và miễn phí giúp tao ra các sản phẩm chatlượng cao Các code sẽ được giảm thiểu đi, nhưng vẫn đạt tiêu chuân ngành, giúp tiếtkiệm thời gian dành cho việc phát triển

Một số ưu điểm khi sử dụng Laravel :

- Sử dụng các tính năng mới nhất của PHP

- Tài liệu tuyệt vời

- _ Công cụ tích hợp cho dòng lệnh — Artisan

- Reverse Routing

- Eloquent ORM

Một số nhược điểm của Laravel :

- _ Thiếu sự liên tục giữa các phiên bản

- Một số nâng cấp có thê có van đề

- Thuong không cung cấp sự phong phú cho ứng dụng di động

Phương thức hoạt động của MySQL:

1 Request |

2 Response :

==4

Client — Server

Hình 2.10 Hình anh phương thức hoạt động cua MySQL

Một máy client sẽ liên lạc với máy server trong một mạng nhất định Mỗi client cóthé gửi một request từ giao diện người dùng (Graphical user interface — GUI) trênmàn hình, và server sẽ trả về kết quả như mong muốn

Cách vận hành chính trong môi trường MySQL :

- MySQL tạo ra bảng dé lưu trữ dữ liệu, định nghĩa

- Client sẽ gửi yêu cầu SQL bằng một lệnh đặc biệt trên MySQL

- Ứng dụng trên server sẽ phản hồi thông tin và trả về kết quả trên máy

client.

Ưu điểm khi sử dung MySQL :

- Linh hoạt và dé dùng.

- _ Hiệu năng cao.

- _ Tiêu chuẩn trong ngành.

- An toàn.

2.3 Tìm hiểu về Source tree

Source tree là một công cụ cung cấp giao diện quản lý source code một cách đơn giản

va an toàn.

Những tính năng nổi bật khi dùng Source tree :

- Xem lịch sử commit một cách dé dàng :sửa bao nhiêu file , dòng nào

- Dễ dàng chuyền qua lại các nhanh code khác nhau

29

- Hién thị thông báo rõ ràng.

Commit Pull Push - Fetch Branch Merge Stash Discard Tag Git-flow Remote Terminal Explorer Settings

7 Pending le, sorted by fle status ~ |S ~ ]

mm Staged files Unstage All UUnstage Selected ÊÄ resources/views/admnin/dashboard/index.blade.php ee) - =

Hlctory Hunk 1: Lines 18-24 |Stage hunk] [Discard hunk,

i <hế chass="h2 text-white d-inline-block mb-@">ThEng tinc/h6»

Search 19 4 </aiw>

—

<div Class~"col-1g-6.col-5.text-right”>

sa "bí btn-sm btn.neutral”yMevc/a>

Y Ly BRANGHES Laseo"btn btn-am pEn ngutral”5ETteac/e>

1 le <a href="{{ route(“cms.dashboard") }}" class="btn.btn-sm btn-neutral >"

> [#lsTasHs Unstaged files Stage All| Stage Selected a title text-uppercase text-auted ab-0">Téng:luyt

H 2 font-welght-bold m-0°>({ $CountPhiewdk }}</spa

G resources/views/admin/dashboard/indexblade.php + 35

3 <div class="col-auto">

resources/views/cient/trangchu/indexblade php Bi x <div class="icon icon-shape bg-gradient-red:text white rounded

Hunk 3: Lines 39-46 Stage hunk (Diseard hunk

<div>

<a>

<p class~"wt-3.nb-0 text-sa">

- <span class<"text-success mr-2"><i class-"fa fa-arrow-up"></1> 3.

š 2 <span class-"text-.nowrap”›since last month</span>

+ “span classa"text-success ør-2"»<1 classe"fa fa-arrou-up"></4>{C + <span class-"text-nowrap">2028¢/span>

</e

</8äv>

P </div>

1) ĐESKTOP-1JSBBTO\DELL <hoang.tran@dayone.vn> (| | commit options »

(Push changes immediately to - Commit

Hinh 2.11 Hinh anh man hinh chinh cua Source tree

Khu vực số 1 thé hiện các file vừa thực hiện sửa đổi và cần duoc commit

Khu vực số 2 thé hiện số dông code thay đôi ( màu xanh ) và bị thay đổi ( mau đỏ ) délập trinh viên dé dàng kiêm tra

‡ no message 16 Jul20211726 DESKTOP-1JSBBTO 0d8c266c

? no message 2 16 Jul 2021 DESKTOP-1JSBBTO 27305b0:

1 no message 16Jul20211725 DESKTOP-1JSBBTO 1ecðd2d:

? no message 16Jul20211724 DESKTOP-1JSBBTO 4815587

‡ no message 16 Jul 2021 DESKTOP-1JSBBTO d13031f

° no message 16 Jul 2021 17:23 DESKTOP-1JSBBTO 74d 1688

app/Http/Controllers/Admin/DichVuControllerphp

Hunk 1 : Lines 123-129

Author: DESKTOP-1)SBBTO\DELL <hoang.tran@dayone.vn> 122 12 Sid_dv-=-$request->id;

Date: Friday, July 16, 2021 5:23:27 PM 1 12s — ~-\Sanitize: ;paranoid(§request-»a11());

Committer: DESKTOP-1)SBBTO\DELL M36 _ $id dv =$input["id dv" J; 4

126 |se $id_dv = Helpers::getVal(§input, "id_đv”, null);

no message 127 127 }

128 128 §this~»compact[ "headers" ][tit1e' ] = $this->pTit1e;

129 129 $this-»compact[ "headers" ]["breadcrumb"] = [[‘url’ =>.'", ‘title’ => $this->pTitle]];

Hình 2.12 Màn hình lịch sử commit code cua Source tree

Khu vực sô 3 thê hiện lịch sử sô lân commit code và thời gian.

30

Khu vực số 4 thể hiện các thay đôi trong file đã được commit.

2.4 Tìm hiểu về Navicat

Navicat là một công cụ quản lý kết nối đa cơ sở dữ liệu Với các kết nối thành lập cho

các loại hình cơ sở dữ liệu khác nhau, Navicat Premium hồ trợ truyên dữ liệu giữa

MySQL, SQLite, Oracle va PostgreSQL Nó còn hỗ trợ hầu hết các tinh năng trongMySQL, SQLite, Oracle và PostgreSQL bao gồm cả Procedure, Event, Trigger,

Function

Một số ưu điểm khi sử dụng Navicat :

- _ Hỗ trợ kết nối với MySQL / SQLite / PostgreSQL máy chủ thông qua

HTTP

- Dễ dàng sử dụng giao diện đồ họa

- Nhập/ xuất cài đặt kết nói

- Hỗ trợ cho các phiên ban mới nhất của MySQL, Microsoft SQL,

PostgreSQL, Oracle

- Tao và chạy các truy van SQL

- Hỗ trợ sao lưu và phục hồi cơ sở dir liệu cho MySQL / SQLite /

CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KÉ HỆ THÓNG

3.1.Tổng quan về phòng khám tim mạch Hồng Tâm

3.1.1 Giới thiệu về đối tượng khảo sát

Phòng khám tim mạch Hong tâm có dia chi tai 105 Thành Thai, Phuong 14, Quan 10,Thanh phó Hồ Chí Minh

Là một phòng khám có quy mô vừa và nhỏ, là địa chỉ uy tín của mọi người đến khám

và chữa bệnh Với đội ngũ bác sĩ, ý tá, kỹ thuật viên chuyên nghiệp được đào tạo bài

bản, phòng khám luôn đảm bảo về chất lượng dịch vụ chăm sóc, khám và chữa bệnhcho bệnh nhân được tốt nhất

Cơ sở vật chất, trang thiết bị & công nghệ :

- Trang thiết bị hiện đại thế hệ mới nhất : hệ thống chuẩn đoán hình ảnh,

máy siêu 4m màu 4D, điện tim, X-quang tổng hop

- Quan lý nhiễm khuẩn nghiêm ngặt

- Phong chờ rộng rãi và đủ tiện ích giải trí

Dịch vụ của trung tâm gồm có :

- Kham tim

- Kham tim mach thai ky

- Khám tong quát tim + mạch não

- Kham chuyên sau tim mach

- Siêu âm động mach than

- Siêu âm tinh mach chân

- Kham loan nhip tim

32

3.1.2 Sơ đồ tiến trình nghiệp vụ

bệnh

Lập phiếu thu

Lập phiếu kết quả khám

Sơ do tiên trinh nghiệp vụ : Báo cáo

Hình 3.2 Hình ảnh mô tả sơ dé tiến trinh nghiệp vụ báo cáo

3.1.3 Giải pháp

Hiện tại phòng khám tim mạch Hồng Tâm thực hiện quản lý bệnh nhân còn thủ côngnên việc quan lý bệnh nhân gặp nhiều khó khăn, tốn thời gian và nhân lực Dé giảiquyết bài toán trên, em nhận thấy cần xây dựng | chương trinh quản lý bệnh nhânkhám bệnh hiện đại, giải quyết các khó khăn của việc quản lý bệnh nhân tại trung tâm,đáp ứng nhu cầu xử lý các chức năng nghiệp vụ trong quá trinh thực hiện hoạt độngquản lý bệnh nhân tại trung tâm tim mạch Hồng Tâm

34

3.2 Lược đồ Use case hệ thống

Là nhóm người sử dụng hệ thông — thực hiện các

chức năng mà họ chuyên trách Mỗi khách hàng

có thao tác các chức năng đó mà không cần phảirang buộc đăng nhập vào hệ thống

Bác Sỹ

Là nhóm người quản lý hệ thống Thực hiện các

chức năng như một khách hàng Ngoài ra, họ quản

lý các chức năng giúp khách hàng tương tác được

với hệ thống như duyệt các phiếu đăng ký của

khách hang ,

35

Bang 2.2 Bang mô tả các Use case

Đăng Ky

Chire nang quan ly Phiéu Dang Ky:

Xem danh sách các phiếu đăng kycủa khách hang , kiểm tra thông tin

và duyệt Xác nhận nộp tiền và inhóa đơn kèm phiếu khám bệnh chokhách hàng Hoặc lập trực tiếpphiếu đăng ký xác nhận nộp tiền khibệnh nhân tới trực tiếp trung tâm

Quản lý phiếu

Chức năng quan lý phiêu khám

bệnh: Tìm kiếm phiếu khám bệnhbang mã số phiếu đăng ky , liệt kêcác chỉ tiết dịch vụ khám bệnh , bác

sĩ cập nhật kết quả khám bệnh khi

có kết quả khám dé cập nhật dữ liệu

và hiện thị lên cho khách hàng khi

tra cứu.

Quản lý báo cáo

Chức năng quản lý báo cáo: Cho

bác sĩ một cái nhìn tổng quan về hệthống như số lượng phiếu đăng ký,tổng tiền thu được , lượng khách

hàng truy cập website và In ra

file excel thông tin khám bệnh của

khách hàng trong tháng.

36

Chức năng quản lý dịch vụ: Cho phép bác sĩ thêm/xóa/sửa một dịch

vụ hoặc chỉ tiết dịch vụ trong dịch

vụ và cập nhật hiển thị cho khách

hàng xem và lựa chọn khi đăng ký.

Quản lý nhân

Chức năng quan lý nhân viên — bác

sĩ : Cho phép hệ thống thêm / xóa /

sửa nhân viên — bác sĩ sử dụng hệ

thong Thể hiện thông tin của nhân

viên va bác si

Chức năng quản lý lịch: Là một

bảng tổng quan cho phép bác sĩ thấy

được các lịch/sự kiện được tạo trong

một khoảng thời gian Có thé tao

mới / xóa / sửa lịch hoặc sự kiện

theo thời gian Hỗ trợ cho bác sĩ ghi

chú các công việc cân làm.

Đăng ký khám

bệnh

Chức năng đăng ký khám bệnh: là

chức năng dành cho khách hàng truy

cập vào website , điền thông tin cánhân va lựa chọn dịch vu dé đăng kýkhám bệnh , hoặc điền mã số bệnh

nhân nêu đã khám lân đâu.

tin cá nhãn

Chức năng tra cứu thông tin cá nhân: là chức năng cho phép khách

hàng hoặc bác sĩ điền thông tin

khách hàng lên trang web và có thé

xem được lịch sử khám bệnh của

37

bệnh nhân , hoặc nếu bệnh nhânđang có phiếu khám sẽ hiển thị lich

trình đang khám bệnh của bệnh

nhân như : chờ duyệt phiêu đăng ky

> xác nhận > đóng tiền > đang

khám bệnh > khám xong

Xem các bài viết

Chức năng xem các bài viết: khách

hàng truy cập vào website của trung

tâm có thể thấy và đọc các bài viếtcủa trung tâm về các vấn đề về tim

mạch.

10

Xem các dịch vu

Chức năng xem các dịch vụ : Khách hàng vào website sẽ thây được các dịch vụ hiện có của trung tâm và đăng ký sử dụng các dịch vụ đó.

11

xem thong tin

Chức năng xem thông tin trung tam:

Khách hàng truy cập vào website sẽ

thấy được mô tả chi tiết về trung

tâm như là : giới thiệu , đội ngũ bác

SĨ, các BOLY

38