Đồ án cơ sở 02 thiết kế hệ thống website

LOI MO DAU Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của đón

BO GIAO DUC VA DAO TAO

TRUONG DAI HOC CONG NGHE THONG TIN VA TRUYEN THONG

THIET KE HE THONG WEBSITE

Sinh viên tham gia thực hiện: Lương Thị Nhứt Sương —

Nguyễn Dương Rắc Lin — Lớp:

Phạm Thị Kim

Đà Năng, tháng 12 năm 2023

BO GIAO DUC VA DAO TAO

TRUONG DAI HOC CONG NGHE THONG TIN VA TRUYEN THONG

LOI MO DAU

Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của đóng hết sức trọng thểtạo những bước đột mạnh

mẽ Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ cũng được những nghệ đẳng cấp lần lượt phục hết đỉnh này đến đỉnh cao

Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càngtrở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông trên toàn câu Giờ đây, mọi việc liên quan đên thông tin trở nên thật dê dàng cho người sử dụng: chỉ cần một kết nối một dữ liệu gần như lập tức cả thế giới vévan dé ban dang sé hién day du anh

và thậm chí đôi lúc có cả những âm thanh nếu bạn cần

Bằng đã thực hiện được nhiều việc với tốc độ hơn thấp hơn nhiều với thức truyền thống điều này,đã đây sự

phát triển của thương mại điện tử và chính phủ điện tử trên khắp thế giới, làm biến đôi

đáng kế bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người

Trong cuộc sống hàng ngày, việc nuôi dưỡng thú cưng cũng như hoạt động y tế, sức khỏe dành cho thú cưng, giờ đây, đã trở thành một nhu cầu tất yếu dành cho người yêu thương thú cưng Đối với một bệnh viện hay phòng khám dành cho thú cưng, việc quảng

bá và giới thiệu đến khách hàng các dịch vụ y tế mới đáp ứng được nhu cầu của thú cưng

sẽ điều cần thiết Vậy phải quảng thế Đó dựng được một

quảng tất cả bệnh viện, tốt địa để mọi nguoi biét dén, tỉ lệ người chăm sức khỏe cưng Vì vậy,

em da thuc hién dé an “THIET KE HE THONG WEBSITE TRUNG TÂM THU Y OLAF”

LOI CAM ON

Trong thời gian làm đồ án cơ sở ngành 02, em đã nhận được nhiều sự giúp đỡ, đóng

góp ý kiến và chỉ bảo nhiệt tình của thầy cô, gia đình và bạn bè

Em xin gửi lời cảm ơn chân thành đến Giáo viên hướng dẫn Ths Phạm Thị Kim Anh người đã tận tình hướng dẫn, chỉ bảo em trong suốt quá trình làm đồ án cơ sở ngành 02

Em cũng xin chân thành cảm ơn các thầy cô giáo trong trường Đại học CNTT &

Việt — thầy Bộ Thiết kế đã dạy dỗ

kiến thức về môn đại cương này, giúp em có được cơ sở lý thuyết vững vàng và tạo điều kiện giúp đỡ em trong suốt quá trình học tập

Cuối cảm ơn đình bạn đã tạo điều kiện, tâm, giúp đỡ, động viên em trong suốt quá trình học tập và hoàn thành đồ án cơ sở ngành

Với điều kiện thời gian cũng như kinh nghiệm còn hạn chê của một sinh viên năm hai, luận văn này không thê tránh được những thiêu sót Em rât mong nhận được sự chỉ bảo, đóng góp ý kiên của các thây cô đề em có điêu kiện bô sung, nâng cao ý thức của minh, phục vụ tốt hơn việc học tập cũng như làm đồ án thực tế sau nảy

NHAN XET CUA GIAO VIEN

MUC LUC

DANH MUC CAC TU VIET TAT

DANH MUC HINH ANH

MUC BANG PHAN MO DAU

Cơ sở lý thuyết và thực tiễn Tổng

Tổng quan về ngôn ngữ lập Ciới thiệu thư viện hình ảnh Tổng quan về thị trường thú cưng Việt

Giới thiệu đồ

Công nghệ được sử dụng

Đồ cục

M6 hinh téng quan cua hé théng cứu Phân tích thiết kế hướng đổi tượng

Biéu dé tudn tw Biéu dé trang

diện người

Giao điện chủ Giao điện trang “Bác sĩ”

Giao điện trang “Tĩn tức ” Giao điện trang “Dich Vu”

Giao điện trang “Tư Vấn”

Giao điện “lhông tin — nhân”

Giao diện Bác Sĩ Giao diện của

TÀI LIỆU KHẢO

DANH MUC CAC TU VIET TAT

Noi dung Trường Đại học Công nghệ thông tin va T thông Việt

DANH MỤC HÌNH ẢNH

5 Thị trường thú cưng ở Khu vực

3 Biêu đồ hoạt động “ Đăng nhập”

1 Biêu đồ hoạt động chức năng “Đặt lịch hẹn”

2 Biêu đồ hoạt động chức năng “Tư vấn”

4 Biểu đồ tuần tự chức năng “Đăng nhập”

1 Biểu đồ tuần tự chức nang “Tu Van”

2 Biểu đồ tuần tự chức năng “Đặt lịch hẹn”

5 Biểu đồ trạng thái chức năng “Đăng nhập”

1 Biểu đồ trạng thái chức năng “Đặt lịch hẹn”

2 Biểu đồ trạng thái chức năng “Tư vấn”

1 Biểu đồ mỗi quan hệ giữa bảng

1 Giao diện chủ

2 Giao diện trang “Bác sĩ”

ao diện trang “Tin tức”

4 Phần nội dung tức

5 Giao diện trang “Dịch Vụ”

6 Phần nội dung trang Dịch Vụ

7 Giao diện trang “Tư Van”

DANH MUC BANG Bảng 1.1: Bang so sánh các phương pháp

PHAN MO DAU

Tổng quan

Bối cảnh thực hiện

Đơn vị khảo

+ Các phòng khám, bệnh viện thú y trên địa bàn Đà Nẵng

+ Các chủ nhân, người yêu thương thú cưng của mình

Hinh thức khám bệnh, chữa trị cho thú cưng của các bệnh viện, phòng khám: Hầu hết dịch vụ đặt lịch tư vấn cũng như quảng bá về dịch vụ của

Hình thức chăm sóc thú cưng của người nuôi: Dễ dàng bỏ qua vấn đề sức khỏe của thú cưng: không mang thú cưng đi khám sức khỏe định kỳ, thường xuyên, chỉ khi thú cưng biểu hiện bệnh nặng mới đưa đi thăm khám hoặc chỉ tới bệnh viện triệt sản cưng năm bắt được bệnh viện

Nội dung cần thực hiện

Thiết kế một website giúp dễ dàng đưa các phòng khám dễ dàng tiếp cận với khách hàng hơ

Ngoài việc quảng bá thương hiệu, kết hợp hình thức tư vẫn online vào Website bằng cách cung dịch vụ chỉ tiết và tích hợp chức năng đặt khám trực tiếp tại

Phương pháp nghiền cứu

Phương pháp

Tên phương pháp: Nghiên cứu thực tế

Cách thực hiện: Khảo sát tại các phòng khám, bệnh viện thú y cũng như bản thân của mỗi người nuôi thú cưng

Phương pháp

Tên phương pháp: Nghiên cứu qua sách

thực hiện: Mượn từ thư viện trường về cứu, hiểu tích thị trường thú y hiện

Phương pháp

s* Tên phương pháp: Nghiên cứu qua mạng

Cách thực hiện: thực hiện đọc thông tin, xem mã nguồn bằng trinh duyệt Website như Chrome, Cốc Cốc,

Tên Phương Ưu điểm Hạn chế Kết luận

cứu Ton kém, mất nhiều | Kém ưu việt thực tế thực thoi gian

Nghiên cứu qua | Thông tin cô động, | Nguôn thông tin hạn | Kém ưu việt

dễ tiếp thu chết, ít được cập

Nghiên cứu qua | Dễ dàng tìm kiếm, đz| Ưu việt nhất

thực hiện dang, néu không biết

chọn lọc dễ dẫn đến phú, đa dạng và | sai lệch thông tin, rối

được cập nhật | loạn thông tin

CHUONG CO SO LY THUYET

Cơ sở lý thuyết và thực tiễn

Website, còn gọi là trang web hoặc trang mạng, và nội dung liên quan được định băng một miền được xuất bản nhất một chủ

Tất cả các trang web có thể truy cập công khai đều tạo thành World Wide Web Cũng có những trang web riêng tư chỉ có thê được truy cập trên mạng riêng, chắng hạn như trang web nội bộ của công ty dành cho nhân viên của

thường một chủ đề hoặc mục đích cụ thê, chăng hạn như tin tức, giáo dục, thương mại, giải trí hoặc mạng xã hội Siêu liên kết giữa các trang web hướng dẫn điều hướng của trang web, thường bắt đầu với chủ

Người dùng có thé truy cập các trang web trên nhiều loại thiết bị, bao gồm máy tính để bàn, máy tính xách tay, máy tính bảng và điện thoại thông minh Ứng dụng được sử dụng trên các thiết bị này được gọi là trình duyệt

Lợi ích của Website

Quảng cáo không giới hạn và tiết kiệm tôi đa

Nó có thê được trợ giúp bởi các công nghệ như CSS và các ngôn ngữ kịch bản giống như

duyệt nhận liệu từ một hoặc một lưu trữ cục bộ liệu đó đa phương tiện

mô tả câu trúc của một trang web về mặt ngữ nghĩa và các dâu hiệu ban đâu được bao gôm cho sự xuất hiện của tài liệu

mã nguồn của trang Web được gọn gàng hơn, tách nội dung của trang Web

và định dạng hiển thị, dễ dàng cho việc cập nhật nội

Tạo kiểu thê dụng nhiều phải lặp lại việc định dạng cho các trang Web giống

Tổng quan về ngôn ngữ lập trình

một ngữ lập dựa mẫu với

triển từ Giống như niệm từ đó,

gần như không thể được mở rộng

Cũng giống như C, JavaScript không có bộ xử lý xuất/nhập (input/output) riêng Trong khi C sử dụng thư viện xuất/nhập chuẩn, JavaS cript dựa vào phần mềm ngôn ngữ được gắn vào để thực hiện xuất/nhập

duyệt, rất nhiều trang web sử dụng JavaScript đề thiết kế trang web động và một số hiệu ứng hình ảnh thông qua DOM JavaScript duoc dùng để thực hiện một số tác vụ không thể thực hiện được với chỉ HTML

JavaScript còn được ứng dụng để làm bộ gõ tiếng Việt giống như bộ gõ hiện đang sử dụng trên trang Wikipedia tiếng Việt Tuy nhiên, mỗi trình

do đó trong rất nhiều trường hợp lập trình viên phải viết nhiều phiên bản của củng một đoạn mã nguồn để có thê hoạt động trên nhiều trình duyệt Một số nghệ nôi bật để tương vol gồm

= hs

Giới thiệu thư viện hình ảnh

Font Awesome là một bộ công cụ biéu tượng và phông chữ dựa trên CSS và Less Đến năm 2023, Font Awesome chiếm 31% thị phần sử dụng tập lệnh phông chữ của bên thứ ba phô biến nhất sau Google Fonts Trên trang web của mình, nền tảng này cũng đã tự xưng là "bộ công cụ biểu tượng phô biến

nhất thế giới" khi sở hữu lên tới 26 107 biểu tượng.

Tổng quan về thị trường thú cưng Việt

Ngành công nghiệp thú cưng được đánh giá là có tiềm năng lớn tại Việt

Có không ít tên tuôi lớn trong và ngoài nước tham gia vào lĩnh vực Đại dịch và giãn cách khiến nhiều người quan tâm đến thú cưng hơn Trong đó Việt Nam, Philippines dẫn đầu thị trường tìm mua thú cưng tại Đông Nam

lượt tìm kiếm vật nuôi ở các nước Đông Nam Á cua iPrice, trong 9 tháng dau nam 2021 người Việt có l,9 triệu lượt tìm kiểm trên Google với mong muốn sở hữu thú cưng

Số lượng này đứng thứ hai khu vực chỉ sau

Theo báo cáo khác của Pet Fair Asia, doanh số của ngành chăm sóc thú cưng tại khu vực Đông Nam Á là 4 tỷ USD Trong đó Việt Nam chiếm 13% đương với 500 triệu USD và dự báo tăng trưởng I 1% một năm Điều này khẳng định tiềm năng của thị trường thú cưng là rất lớn

PET INDUSTRY: SOUTH-EAST ASIA

Market Size Pet care 4 Billion USD Emerging Market Growth SEA

Es Malaysia

5 Thị trường thú cưng ở Khu vực Châu Á

Khi đời sống vật chất càng đầy đủ thì nhu cầu tỉnh thần của con người ngày

Họ bắt đầu tìm kiếm những hoạt động khác để làm phong phú cuộc sống, trong đó phải kế tới nuôi thú cưng

Nhiều người trẻ Việt đang biến việc cưng trở một sông

Họ dành nhiều tình cảm và chăm sóc vật nuôi như một thành viên trong gia đình

Trinh bién dich: Microsoft Visual

Trinh duyét: Google Chrome, Céc Céc va Microsoft

nhất

Gồm 6 trang chính, mỗi trang có các thành phần nhất định Riêng Trang chủ là thành phần quan trọng nhất nên có nhiều thành phần phụ nhất Mỗi trang có bố cục khác nhau nhưng chung quy lại vẫn mang một màu sắc, phong cách chung thống nhất và

CHUONG PHẦN TÍCH THIẾT KẾ HE THONG

Mô hình tổng quan của hệ thống nghiên cứu

2.1.1 Phân tích thiết kế hướng đổi tượng

+ Xem tin tức mới nhất về dịch vụ thú y

Quan tri (admin):

cập, chỉnh sửa, thêm mới, xóa bớt, cập nhật, các nội dung trên

+ Xem, tiếp nhận thông tin của khách hàng đã đặt qua website

Thiết kế chỉ tiết

Trang chủ: Giao diện tông quan của trang

Trang “Bác ST”: Giao diện giới thiệu đội ngũ bác sĩ, đặt lịch hẹn

Trang “In Tức”: Theo dõi những bài đăng của trang

Trang “Tư Vấn”: Giao diện giải đáp các thắc mắc cho người

Trang “Dịch Vụ”: Mô tả giá, phân loại dịch vụ cho thú cưng

Trang “Bốc số Online” : Giao diện người dùng đặt số khám trước khi trực tiếp đến trung tâm để tiết kiệm thời

Các loại biểu đồ

Đặc tả secase

Người dùng: là người trực tiếp đặt lịch khám trên website, đặt các câu hỏi

tư vân, bộc sô online, tham khảo dịch vụ, được hệ thông quản lý thông tin nhăm đáp ứng nhu cầu khách hàng Khách hàng có trách nhiệm phản hồi với bộ phận quản lý hệ thống nếu có gì sai sót ảnh hưởng đến quyên lợi Bác sĩ: Là người trả lời câu hỏi tư vấn của khách hàng, thăm khám thú cưng, quản lý danh sách lịch hẹn

người quản hệ thống gồm sửa đữ liệu, quản lý bác sĩ, danh sách người

Biểu đồ hoạt động

Mô tả Activity Diagram đăng nhập, đăng ký của người dùng: khi bắt đầu vào trang web người dùng muốn sử dụng các chức năng của trang web thì phải đăng nhập hoặc đăng ký

+ Đăng ký: nếu người dùng không có tài khoản thì sẽ phải đăng ký và nếu đăng ký thành công thì sẽ đi tới trang chủ và hiển thị thông tin tài khoản của người dùng, còn nếu đăng ký không thành công thì người dùng sẽ phải đăng ký lại từ đầu

+ Đăng nhập: nếu người dùng đã có một tài khoản trước đó thì người dùng phải đăngnhập và nhập đúng mật khẩu và tài khoản đã đăng ký trước đó Nếu mà đăng nhập thành công thì sẽ đi tới trang chủ và hiển thị thông tin tài khoản của người dùng, cònnếu đăng nhập thất bại thì người dùng phải thực hiện lại

© > Yéu cau dang nhap |

J

Biéu mau dang ky

User Admin Bac sĩ

Đăng nhập tài Hiến thị lịch hẹn ở form

khoản User “Quản lý lịch hẹn”

Xác mình lịch hẹn Hiến thị form đặt lịch hẹn BI

Không hop lê x

Điền thông tin đặt lịch

Hiến thị thông báo lỗi

Đặt lịch thành cồng

1 Biêu đồ hoạt động chức năng “Đặt lịch hen’

Gửi thông báo lôi

Nhận câu trả lời thành công

Hiến thị câu hỏi ở form

“Danh sách câu hỏi”

2: Gửi thông tr đăng nhập

3 - Truy vấn thông tin

À - Kết quả truy văn

5 : Xác định quyền han

6 : Thông bảo kết quả đăng nhập

- Thông báo kết quả đăng nhập L_Ì