THIẾT kế và xây DỰNG WEBSITE CHO BỆNH VIỆN đa KHOA HƯNG hà TT

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN LƯU THỊ THU HÀ THIẾT KẾ VÀ XÂY DỰNG WEBSITE CHO BỆNH VIỆN ĐA KHOA HƯNG HÀ ĐỒ ÁN TỐT NGHIỆP HƯNG YÊN – 2018 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN LƯU THỊ THU HÀ THIẾT KẾ VÀ XÂY DỰNG WEBSITE CHO BỆNH VIỆN ĐA KHOA HƯNG HÀ NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: KỸ THUẬT PHẦN MỀM ĐỒ ÁN TỐT NGHIỆP NGƯỜI HƯỚNG DẪN TS NGUYỄN VĂN HẬU HƯNG YÊN – 2018 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà MỤC LỤC MỤC LỤC DANH SÁCH HÌNH VẼ DANH SÁCH BẢNG BIỂU DANH SÁCH TỪ VIẾT TẮT CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 10 1.1 Lý chọn đề tài 10 1.2 Mục tiêu đề tài 11 1.3 Giới hạn phạm vi đề tài .11 1.4 Nội dung thực 11 1.5 Phương pháp tiếp cận .12 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 13 2.1 Giới thiệu mơ hình MVC .13 2.1.1 Xuất xứ 13 2.1.2 Kiến trúc mơ hình MVC 13 2.1.3 Đặc điểm mơ hình MVC .14 2.2 Mơ hình MVC ASP.NET 15 2.2.1 Giới thiệu tổng quan 15 2.2.2 Khái quát thành phần ASP.NET MVC 15 2.2.3 So sánh ASP.NET MVC với ASP.NET .16 2.2.4 Lợi ích mơ hình ASP.NET MVC 17 2.3 Tổng quan LINQ to SQL 18 2.3.1 LINQ gì? 18 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà 2.3.2 LINQ to SQL gì? 18 CHƯƠNG 3: NỘI DUNG THỰC HIỆN 19 3.1 Phát biểu toán 19 3.2 Yêu cầu hệ thống .19 3.3 Biểu đồ UseCase 22 3.3.1 Danh sách Actor 22 3.3.2 Danh sách UseCase 22 3.3.3 Biểu đồ UseCase mức tổng quát 23 3.3.4 Đặc tả UseCase 23 3.4 Biểu đồ lớp .30 3.4.1 Biểu đồ lớp (mức phân tích) 30 3.4.2 Danh sách lớp đối tượng quan hệ 31 3.5 Biểu đồ .32 3.6 Thiết kế sở liệu hệ thống 35 3.7 Thiết kế đặc tả giao diện 49 3.7.1 Một số giao diện hệ thống 49 3.6.2 Một số giao diện CMS .54 CHƯƠNG 4: KẾT LUẬN 60 4.1 Kết đạt đề tài 60 4.2 Hạn chế đề tài 60 4.3 Hướng phát triển đề tài 61 TÀI LIỆU THAM KHẢO .62 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà DANH SÁCH HÌNH VẼ Hình 2-1: Các thành phần mơ hình MVC .13 Hình 2-2: Nền tảng ASP.NET MVC Framword 14 Hình 3-1: UseCase mức tổng quát 22 Hình 3-2: UseCase Quản lý tin tức .23 Hình 3-3: UseCase Quản lý danh mục tin tức .23 Hình 3-4: UseCase Quản lý nhật ký hệ thống .24 Hình 3-5: Use case Quản lý danh mục phân quyền .24 Hình 3-6: Use case Quản lý tài khoản 25 Hình 3-7: Use case Quản lý bình luận 25 Hình 3-8: Use case Quản lý danh mục bác sĩ 26 Hình 3-9: Use case Quản lý bệnh viện 26 Hình 3-10: UseCase Quản lý chuyên khoa 27 Hình 3-11: UseCase Quản lý hình ảnh 27 Hình 3-13: Use case Quản lý video .28 Hình 3-14: Use case Đăng viết 28 Hình 3-15: Biểu đồ lớp mức phân tích 29 Hình 3-16: Biểu đồ Đăng nhập 31 Hình 3-17: Biểu đồ Thêm tin tức 31 Hình 3-18: Biểu đồ Sửa tin tức 32 Hình 3-19: Biểu đồ Xóa tin tức 32 Hình 3-23: Biểu đồ Thêm bác sĩ .33 Hình 3-24: Biểu đồ Sửa thông tin bác sĩ 33 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà Hình 3-25: Biểu đồ Xóa bác sĩ 34 Hình 3-26: Mơ hình liệu quan hệ .35 Hình 3-27: Giao diện trang chủ website 48 Hình 3-28: Giao diện sở vật chất, video, đội ngũ bác sĩ 49 Hình 3-29: Giao diện thơng tin chi tiết bác sĩ .50 Hình 3-30: Giao diện chi tiết tin tức .51 Hình 3-31: Giao diện trang liên hệ chân trang 52 Hình 3-32: Giao diện đăng nhập tài khoản Website .53 Hình 3-33: Giao diện trang chủ CMS 53 Hình 3-34: Giao diện trang hiển thị danh mục tin tức Website 54 Hình 3-35: Giao diện danh sách tin đăng 55 Hình 3-36: Giao diện thêm tin tức 56 Hình 3-37: Giao diện trang chỉnh sửa tin tức 57 Hình 3-38: Giao diện trang Nhật ký hệ thống .58 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà DANH SÁCH BẢNG BIỂU Bảng 3-1: Danh sách Actor .21 Bảng 3-2: Danh sách UseCase 21 Bảng 3-3: Danh sách lớp đối tượng quan hệ 30 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà DANH SÁCH TỪ VIẾT TẮT Từ viết tắt ASP Từ đầy đủ Active Server Page Giải thích Là mở rộng ISAPI, cung cấp khung làm việc cho ứng dụng phía Server MVC Model, View, Controller Mẫu kiến trúc Model – View Controller CNTT Công nghệ thông tin Công nghệ Thông tin LINQ Languege Integrated Query Ngơn ngữ tích hợp truy vấn HTML HyperText Markup Language Ngôn ngữ đánh dấu siêu văn CSS Cascading Style Sheets Ngơn ngữ quy định cách trình bày thẻ html trang web CSDL Cơ sở liệu Cơ sở liệu CMS Content Management System Hệ quản trị nội dung Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà CHƯƠNG 1: 1.1 TỔNG QUAN VỀ ĐỀ TÀI Lý chọn đề tài Thời đại thế, sức khỏe đặt lên hàng đầu có câu nói “Có sức khỏe có tất cả” Khi chất lượng sống ngày tốt nhu cầu khám chữa bệnh chăm sóc sức khỏe người dân ngày lớn Yêu cầu dịch vụ kèm đòi hỏi phải nâng cao Trong bệnh viện cơng tình trạng q tải nhu cầu khám chữa bệnh có nhiều bệnh viện tư nhân thành lập giúp cho người dân có nhiều lựa chọn Kinh doanh lĩnh vực y tế khám chữa bệnh nhiều ngành nghề kinh doanh khác, doanh nghiệp tổ chức y tế chăm sóc sức khỏe phải đối diện với nhiều áp lực chất lượng dịch vụ, khả điều trị số lượng đối thủ cạnh tranh Vậy làm để quảng bá chất lượng dịch vụ bệnh viện tới người dân cách hiệu quả? Sở hữu website bệnh viện phương tiện hiệu giúp cho bệnh viện bạn vượt lên đối thủ cạnh tranh quảng bá dịch vụ cách thành cơng Bên cạnh bệnh nhân có hội tìm hiểu cách dễ dàng dịch vụ khám chữa bệnh chăm sóc sức khỏe bệnh viện Là bệnh viện tư phát triển, Bệnh viện Đa khoa Hưng Hà quan tâm đến website Hiện Bệnh viện có website lâu nên chưa thực thân thiện với người dùng, chưa có nhiều chức nhằm quảng bá thương hiệu bệnh viện, khách hàng khó tìm kiếm thơng tin, Vì bệnh viện cần thay đổi website để nâng cao chất lượng khám chữa bệnh, quảng bá thương hiệu, thuận tiện cho người dùng tra cứu thông tin khám chữa Là sinh viên ngành CNTT, em ln mong muốn làm để ứng dụng kiến thức học xây dựng sản phẩm có ứng dụng 10 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà video_title_l nvarchar(250) Tiêu đề tiếng Việt video_description_l nvarchar(500) Mô tả tiếng Việt video_title_e nvarchar(250) Tiêu đề tiếng Anh video_description_e nvarchar(500) Mô tả tiếng Anh video_thumbnail nvarchar(500) Đường dẫn đến video video_link nvarchar(500) Link video created_date datetime Ngày tạo created_by_user uniqueidentifier Khóa ngoại Mã người tạo 10 ord int Vị trí xếp 11 status int Trạng thái 12 site_id uniqueidentifier Khóa ngoại Mã bệnh viện 48 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà 3.7 Thiết kế đặc tả giao diện 3.7.1 Một số giao diện hệ thống Hình 3-25: Giao diện trang chủ website - Giao diện trang chủ người dùng bao gồm địa chỉ, số điện thoại cấp cứu, đường dây nóng, facebook, logo bệnh viện, menu chính, slide quảng bá hình ảnh cho bệnh viện; ba box hình chữ nhật dịch vụ bảo hiểm, tra cứu kết hình ảnh, thời gian làm việc; box chức tìm kiếm, tra cứu dịch vụ, box lý chọn chúng tôi; sở vật chất; video; đội ngũ bác sĩ; dịch vụ bật; tin tức bật; đăng ký dịch vụ 49 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà Hình 3-26: Giao diện sở vật chất, video, đội ngũ bác sĩ 50 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà - Giao diện đội ngũ bác sỹ gồm hai tab Bác sĩ nội viện Bác sĩ ngoại viện Mỗi tab box hình ảnh thơng tin tên bác sĩ, chuyên khoa bác sĩ làm việc Muốn xem chi tiết thông tin bác sĩ click vào hình ảnh Hình 3-27: Giao diện thông tin chi tiết bác sĩ - Giao diện chi tiết bác sỹ gồm tên, chức danh, chuyên khoa, học vẫn, hoạt động chuyên ngành đề tài nghiên cứu bác sĩ 51 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà Hình 3-28: Giao diện chi tiết tin tức - Giao diện chi tiết đăng tin tức bao gồm: tiêu đề, ngày đăng, số lượt xem, nội dung tin tức, bình luận người đọc, tin tức 52 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà Hình 3-29: Giao diện trang liên hệ chân trang - Giao diện trang liên hệ bao gồm đồ; họ tên, số điện thoại, email, nội dung phản hồi khách hàng Chân trang bao gồm logo, tên bệnh viện, địa chỉ, số điện thoại, số fax, email, facebook, youtobe bệnh viện, đồ đường đến bệnh viện 53 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà 3.6.2 Một số giao diện CMS Hình 3-30: Giao diện đăng nhập tài khoản Website Hình 3-31: Giao diện trang chủ CMS 54 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà Hình 3-32: Giao diện trang hiển thị danh mục tin tức Website 55 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà Hình 3-33: Giao diện danh sách tin đăng 56 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà Hình 3-34: Giao diện thêm tin tức 57 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà Hình 3-35: Giao diện trang chỉnh sửa tin tức 58 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà Hình 3-36: Giao diện trang Nhật ký hệ thống 59 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà CHƯƠNG 4: 4.1 KẾT LUẬN Kết đạt đề tài Sau thời gian thiết kế xây dựng, em đạt kết sau:  Tìm hiểu, nắm bắt nghiệp vụ đề tài để xây dựng website với chức cần thiết đề  Về chức hệ thống: - Xây dựng website cho Bệnh viện Đa khoa Hưng Hà web gồm chức hoàn thành sau: + Người dùng xem thơng tin bệnh viện, chuyên khoa, bác sĩ, dịch vụ bệnh viện tin tức trang chủ bệnh viện + Xây dựng trang quản trị với chức quản lý danh mục tin tức, quản lý tin tức, quản lý hình ảnh, quản lý video, quản lý thông tin bệnh viện, quản lý thông tin chuyên khoa, quản lý thông tin bác sĩ, quản lý bình luận với thao tác thêm, sửa, xóa, tìm kiếm + Xây dựng tính bảo mật cao có khả phân quyền đến chức + Xây dựng tính xem nhật ký hệ thống  Về mặt giao diện: - Giao diện thân thiện, dễ sử dụng - Bố cục giao diện WebSite cân đối, hài hòa, hiển thị đủ nội dung cần thiết  Màu sắc hài hòa, trang nhã Triển khai sản phẩm môi trường Internet thực tế 4.2 Hạn chế đề tài Hệ thống dừng lại chức bản, chưa có nhiều chế bảo mật API 60 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà 4.3 Hướng phát triển đề tài Trong thời gian nghiên cứu thực đề tài, tác giả vạch hướng phát triển đề tài sau:  Bổ sung chức đạt lịch khám trực tiếp website  Tối ưu hóa giao diện hiệu nhằm tăng tốc độ ứng dụng  Hỗ trợ tảng android 61 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà TÀI LIỆU THAM KHẢO x [1] Adam Freeman, Pro ASP.NET MVC American: Apress, 2013 [2] Nguyễn Văn Quyết, Giáo trình Cơng nghệ Web ứng dụng Hưng n, Việt Nam: Khoa Công nghệ Thông tin - UTEHY, 2010 x 62 .. .Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN LƯU THỊ THU HÀ THIẾT KẾ VÀ XÂY DỰNG WEBSITE CHO BỆNH VIỆN ĐA KHOA HƯNG... dịch vụ 49 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà Hình 3-26: Giao diện sở vật chất, video, đội ngũ bác sĩ 50 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà - Giao diện... liệu quy tắc vào mơ hình liệu bạn 18 Thiết kế xây dựng website cho Bệnh viện Đa khoa Hưng Hà CHƯƠNG 3: 3.1 NỘI DUNG THỰC HIỆN Phát biểu toán Hệ thống website Bệnh viện Đa khoa Hưng Hà cung cấp