Base project ii topic website about health and healthcare

NAM - KOREA UNIVERSITY OF INFORMATION AND COMMUNICATION TECHNOLOGY Faculty Of Computer Science VíU BASE PROJECT I TOPIC: WEBSITE ABOUT HEALTH AND HEALTHCARE Da Nang, December 10" 20

VIETNAM - KOREA UNIVERSITY OF INFORMATION

AND COMMUNICATION TECHNOLOGY

Faculty Of Computer Science

NAM - KOREA UNIVERSITY OF INFORMATION AND COMMUNICATION TECHNOLOGY

Faculty Of Computer Science

VíU

BASE PROJECT I

TOPIC: WEBSITE ABOUT HEALTH AND

HEALTHCARE

Da Nang, December 10" 2023

INSTRUCTOR’S COMMENTS

THANK YOU

We express our deep gratitude to Associate Professor PGS.TS Huynh Cong Phap for his unwavering support and dedicated assistance extended to us His patience, dedication, and extensive knowledge sharing have significantly propelled the advancement of our project

His guidance has been not only a source of encouragement but also a great mspiration to

us With his wholehearted dedication and profound expertise, he has shaped and supported

us in overcoming challenges, aiding us in exceptional development and completion of the project

Our sincerest appreciation still cannot fully articulate the profound gratitude we hold for Associate Professor PGS.TS Huynh Cong Phap for his continuous contributions and wholehearted support that have resulted in significant success for our project We are immensely thankful to him!

Students, Dang Cong Nhat , Huynh Thi Phuoc

CHAPTER 2 PROJECT CONTENTS

2.1 DETERMINING CUSTOMER SYSTEM REQUIREMENTS 2.2 COMPARISON WITH EXISTING SIMILAR MODELS 2.3 BRAND BUILDING

3.6 PERSONAL HOME PAGE

CHAPTER 4 ANALYSIS WEBSITE SYSTEM

4.1 LIST OF ACTORS

4.2 LIST OF USE CASE OF THE SYSTEM

4.3 USE CASE DIAGRAM

4.3.1 Use case diagram “Medication management”

4.3.2 Use case diagram “Doctor management”

4.4 ACTIVITY DIAGRAM

4.4.1 Activity diagram login

4.4.2 Activity diagram make an appointment

4.4.3 Activity diagram sign up

4.4.4 Activity diagram add medicine

4.5 SEQUENCE DIAGRAM

4.5.1 Sequence diagram login patient 4.5.2 Sequence diagram sign up patient 4.5.3 Sequence diagram login admin 4.5.4 Sequence diagram login doctor 4.5.5 Sequence diagram make an appointment 4.6 CLASS DIAGRAM

5.1.8 Admin home layout

5.1.9 View schedule layout

5.1.10 View list doctor layout

5.1.11 Doctor home layout

5.1.12 Update information doctor layout 5.1.13 Footer layout

5.1.14 Add doctor layout

5.1.15 Add medicine layout

5.1.16 View list medicine layout

SUMMARY

1 ACHIEVEMENT

2 ORIENTATION FOR DEVELOPMENT

Pic L HTML logo Q.2 222 201 211 211 ten een bee nee nee nee tee nents

52005 0

Pic 3 JAVASCRIPT logO co cà bền nh nh nh hết ky khe kh nà Pic 4 BOOTSTRAP logo 2 eee cee cee ce cne cee tee tee tne hy Khen By nh Hy Pic 5 LARAVEL 10g 200.0 occ ccc cece ee ee be aaaa Pic 6 PHP Ïogo cece ne ne etek tae cen tan cen en ee ee beeen ee es Pic 7 Use case diagram 0.0 cc cee cee ee ne ne ne ne ne ne ne tne tent een ees Pic 8.Use case diagram “Medication management

Pic 9.Use case diapram “]Docfor manàement

Pic 10 Pic 11 Pic 12 Pic 13 Pic 14 Pic 15, Pic 16, Pic 17 Pic 18 Pic 19 Pic 20 Pic 21 Pic 22 Pic 23 Pic 24, Pic 25, LIST OF PICTURES Activity điagram logim ccẶ cốc c2 222 Activity điagram makes an appoIntment

Activity điagram sign Up ccc các cà cà cào Activity điagram add medieIne

Scquence điagram login patient

Scquence diagram sign up pafient

Sequence diagram login admmm

Sequence diagram login doctOr

Scquence đdiagram make an appoIntment Class điapram Ặ 2222222 S22 nàn này ky khe Logo ÏayOUF 2 2à cọc ee cee en en cen cen ce Tra Guest home page 0.0.00 ccc cee cee ee ee ee ee ee ee ceca e nh nh se About us layout 2.0.0.0 0.0 ccc ee cnc ne ne ne tie tae tae tan cen can eennees Contact layout 2.0.00 ne ne ne ce tae tiene can can tanta ts Feature layout 0.0.00 cee cee ee ne cee cee cee ence ten een een eens Log in ÏayOUẨ 2 2à 2à 222 2n nàn nàn nh hy hy sen

14

15

16

17

18

18

21

22

23

25

26

27

28

29

30

31

32

33

34

35

38

39

39

40 40

Pic 26.Appointment [ayOUt cà cà cà nh bàn nền nhe HH th nà Pic 27

1.1 INTRODUCTION

Health and healthcare play crucial roles in everyone's daily life In fact, with the continuous advancement of technology, health-related websites have become a vital and reliable source of information Additionally, they offer online appointment scheduling services with doctors and healthcare professionals, providing convenience for users to alrange meeting times and receive medical advice

1.2 PROJECT GOAL

We have built this website with the following objectives:

- Providing healthcare insights: The website presents the latest healthcare trends, expert insights, and resource recommendations through articles, comments, and reviews by professionals and users

- Appointment scheduling ease: Our platform allows hassle-free online bookings with doctors and specialists, ensuring users can easily set and confirm appointment times

- Health-oriented community: Forums, blogs, and interactive features enable users to exchange opinions, share experiences, and discuss healthcare topics, fostering a positive and supportive community

Scope: Covers diverse healthcare topics including disease information, treatment methods, nutrition, healthy lifestyles, healthcare events, and research documents

Approach to Engage Target Audience:

- Emphasizing Quality Content: Delivering precise, trustworthy, and engaging information to assist users in understanding healthcare concepts and effectively managing their personal health

- User-Friendly Website Design: Offering an intuitive interface that ensures a positive user experience, allowing easy access to information without hassle

- Building a Health-Centric Community: Facilitating forums, blogs, or communication channels where users can exchange insights, share knowledge, and engage in discussions on healthcare topics

- Convenient Online Appointment Booking: Providing users with a seamless way to schedule appointments with healthcare professionals, enabling easy access to meetings and medical advice

- Support Networks: Beyond information, these websites foster supportive communities where individuals facing similar health challenges can connect, share experiences, and provide emotional support This sense of belonging can be invaluable in coping with health issues

- Holistic Approach to Well-being: Health websites often promote a holistic approach to wellness, encompassing mental, emotional, and physical health They may offer resources for stress management, mindfulness practices, and mental health support, acknowledging the interconnectedness of all aspects of well-being

- Accessibility and Inclusivity: These websites aim to bridge gaps in healthcare access, catermg to diverse populations regardless of

geographical location, socioeconomic status, or physical ability They strive for inclusivity by providing information in multiple languages and ensuring usability for individuals with disabilities

- Continual Learning and Updates: Health websites stay updated with the latest medical advancements, research findings, and health trends Users can continually access new information, enabling them to adapt and evolve their health strategies over time

- Preventive Healthcare Promotion: They emphasize preventive care by educating users on early detection, screenings, vaccinations, and healthy habits This proactive approach can potentially reduce the risk of

developing serious health issues

In essence, health and wellness websites serve as comprehensive platforms that not only inform but also empower, support, and promote a holistic approach to well-being, fostering a proactive and informed approach to personal health management

CHAPTER 2 PROJECT CONTENTS

2.1 DETERMINING CUSTOMER SYSTEM REQUIREMENTS

To create an effective healthcare and wellness website for users, gathering diverse opinions from them 1s incredibly important To achieve this, the following steps can be taken:

- Survey opinions from similar healthcare websites

- Collect feedback from users or relevant stakeholders

- Set achievable goals for the year

- Record and address user requests to rectify any issues

2.2 COMPARISON WITH EXISTING SIMILAR MODELS

Numerous large projects and websites related to healthcare are currently

operational across various platforms Although the newly established website is still relatively unknown, efforts to gather information and feedback from multiple sources are being undertaken to enhance and develop the project

2.3 BRAND BUILDING

Critical to the project's success is establishing a strong brand through the following steps:

- Researching and defining clear objectives

- Developing a marketing communications plan

- Creating brand identity systems

Implementing communication activities to activate the brand

2.4 COMMUNICATION PLAN

When initiating a project, the first step is to create a project plan Communication is

a crucial part of any project, and a communication plan helps set standards and

communication frequencies to engage users and stakeholders effectively

CHAPTER 3 PROGRAMMING LANGUAGES &

FRAMEWORKS

3.1 HYPERTEXT MARKUP LANGUAGE

HTML (Hypertext Markup Language) is a standard markup language used to create web pages and applications It is the foundation of the web and is used to structure content on the internet HTML provides a way to describe the structure and content of a web page using a series of tags and attributes

HTML documents are composed of a series of elements, each represented by a tag Tags are enclosed in angle brackets, like <tagname> Some tags are self-closing, like the

<img> tag, which is used to display images on a web page Other tags have an opening and closing tag, like the <p> tag for paragraphs, which looks like <p>Some text here</p>

HTML

Pic 1 HTML logo

3.2 CASCADING STYLE SHEETS

CSS (Cascading Style Sheets) is a language used to describe the presentation of web pages and applications written in HTML and other markup languages CSS allows developers to control the layout, styling, and visual appearance of web content

CSS works by selecting HTML elements and applying styling rules to them Styling rules consist of a property (such as color, font size, or background color) and a value (such as red, 16px, or #FFFFFF) These rules can be applied directly to HTML elements, or grouped together in a CSS stylesheet that can be linked to multiple HTML pages

EBB

Pie 2 CSS logo

3.3 JAVASCRIPT

JavaScript (often abbreviated as JS) is a high-level, dynamic, interpreted programming language used to create interactive and dynamic web pages JavaScript is mainly used to add interactivity and dynamic functionality to web pages, but it can also

be used for server-side programming and in other areas such as desktop and mobile application development

JavaScript is a versatile language that supports many programming paradigms, including procedural programming, object-oriented programming, and _ functional programming It is also used with many popular frameworks and libraries, such as React, Angular, and Vue.js, to build complex web applications

aS

Pie 3 JavaScript logo

3.4 BOOTSTRAP

Bootstrap is a popular front-end development framework that makes it easier to design and build responsive and mobile-first websites and web applications It was originally developed by Twitter and was released as an open-source project in 2011 Bootstrap provides developers with a set of pre-built HTML, CSS, and JavaScript components that can be easily customized and combined to create responsive and visually appealing user interfaces Bootstrap includes a wide range of components, such as navigation menus, forms, buttons, typography, and more, that can be used to quickly build a professional-looking website or application

Pic 4 Bootstrap logo

3.5 LARAVEL

19

Laravel is a powerful backend web application development framework built on the PHP programming language It's designed with the goal of assisting developers in building modern, robust, and easily maintainable web applications

UF Laravel

Pic 5 Laravel logo

3.6 PERSONAL HOME PAGE

Personal Home Page" (PHP) is an open-source interpreted programming language primarily used for developing dynamic web pages PHP was originally created by Rasmus Lerdorf in 1994 and has evolved to become one of the most popular

programming languages for web development worldwide

PHP has undergone several versions and has a large community with numerous libraries, frameworks, and tools to support efficient web application development

Pic 6 PHP logo

20

4.1 LIST OF ACTORS

CHAPTER 4 ANALYSIS WEBSITE SYSTEM

without formal registration

The Admin is the store owner with full access rights to the entire

2 Admin

hospital management system

Doctors are licensed healthcare professionals responsible for diagnosing

3 Doctor

and treating illnesses

Patients are individuals seeking medical treatment or care from

4.3

Use Case Actor Description

Sign up Guest Registration on the platform

Access user accounts based Login Admin, Doctor, Patient

on roles Enables Patients to schedule Make an appointment Patient

Allows Doctors and Patients

to update their info

View medication list Admin, Patient

Access the list of available

medications Allows Admin to add new Add doctor Admin

doctors Payment Patient Process payment for services

View doctor’s schedule

Doctor, Admin Access Doctor's schedule

CASE DIAGRAM

USE

—S

Update personal information

a View patient information

Pie 7 Use case diagram

4.3.1 Use case diagram “Medication management”

Admin

Pie 8 Use case diagram “Medication management”

4.3.2 Use case diagram “Doctor management”

4.4.1 Activity diagram login

No Kiểm tra thông tin đăng nhập

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

4.4.2 Activity diagram make an appointment