UNIVERSITY OF INFORMATION AND TECHNOLOGY ---------------------------------------------- Ứng dụng hỗ trợ sức khỏe tinh thần Instructor Guidance: TH.S Nguyễn Thị Thanh Trúc Student Implementation: Nguyễn Thái Bảo – 20521105 TP. HỒ CHÍ MINH, 2023 Table of contents CHAPTER 1. OVERVIEW OF THE TOPIC 1.3 Objectives of the Project 1.4 Scope of the Project 1.6 Target Audience CHAPTER 2.3 Technology and Platform Methodology 2.4 Introduction to ReactJS and Node. SURVEY AND REQUIREMENT ANALYSIS 3.1 Current Status Survey 3.2 List of Requirements in the Application CHAPTER 4.1 Analysis of Software Requirements 4.2 Responsibility Matrix for Each Requirement CHAPTER 5.1 General Use Case Diagram CHAPTER 6.1 Complete Logical Diagram 6.2 List of Data Entities in the Logical Diagram 6.3 Description of Each Data Table CHAPTER 7.
INTERFACE DESIGN CHAPTER 8. PRODUCT DEMO INSTALLATION CHAPTER 9. CONCLUSION AND FUTURE DEVELOPMENT CHAPTER 1.1 Problem Statement Mental health is a crucial aspect of overall well-being that cannot be overlooked. In today's society, the pressures from daily life, work, relationships, and various other factors can have negative impacts on our mental well-being.
Mental health issues not only affect personal emotions and psyche but also pose significant challenges to the public healthcare system. To address this issue, modern solutions have been developed, and one of the key tools is mobile applications. Mental health applications serve not only as personal support tools but also as robust platforms for communities. These applications often provide resources and tools to help users manage emotions, reduce stress, and enhance the quality of life.2 Solution How this application can become an effective platform for doctor-patient interaction is a crucial aspect in improving mental health care.
This platform not only helps provide personalized solutions for users but also establishes a strong bridge between doctors and patients, placing emphasis on interaction and support from healthcare experts. The application can integrate a feature for direct interaction between doctors and patients through online appointments or discussions via messaging. This not only helps doctors monitor the progress of the patient's mental health but also creates a safe space for them to share difficulties and concerns. An important aspect of the platform is the ability to remotely track mental health data.
Doctors can have an overview of the patient's mental state through information provided by the application, including stress levels, mood, and other manifestations of mental health. This enables doctors to make accurate assessments and decisions on appropriate treatment based on supported data. Additionally, the application can provide high-quality materials and resources from the medical community for doctors, helping them stay updated on the latest information and apply the most advanced methods of psychological care. This enhances the knowledge and skills of doctors in addressing complex mental health issues.
In summary, this application platform is not only a patient support tool but also a crucial tool for doctors to interact and provide remote support, fostering a sense of safety and connection between doctors and patients throughout the mental health treatment process. In order to successfully complete the project, I conducted research on the following topics: ⮚ TypeScript and ASP (DOTNET): o Using typescript for frontend app and c# to build backend app ⮚ Nextjs and Supporting Libraries: ⮚ UI/UX Design Tools: o Researching UI/UX design tools, including Adobe and Figma, is essential for designing the application interface. These tools play a significant role in creating a user- friendly and visually appealing design for the application. Adobe offers a suite of design tools, such as Adobe XD and Photoshop, which are widely used in the industry for creating graphics, prototypes, and interactive designs.
Figma, on the other hand, is a collaborative design tool that allows multiple team members to work on the same project simultaneously, facilitating seamless collaboration in the design process. By exploring and understanding the features and capabilities of these tools, you can make informed decisions to enhance the user experience and visual design of the application. These research efforts play a crucial role in comprehensively understanding the technologies and tools needed to successfully implement the project. They lay the foundation for the subsequent stages of development, including system analysis, design, and deployment.3 Objectives of the project To address this issue, several modern solutions have been developed, and one of the most crucial tools is the mobile application.
Mental health apps serve not only as personal support tools but also as robust platforms for communities. These applications typically provide resources and tools to help users manage their emotions, reduce stress, and enhance their quality of life.4 Scope of the project The objective of this project is to develop a high-quality mental health and patient-doctor interaction application, aiming to provide personalized and effective solutions for managing and improving users' mental well-being. Specifically, the main goals of the project include: Analysis and Understanding of User Needs: Conduct detailed research on the needs and desires of users in the field of mental health to ensure that the application precisely meets their requirements. User Interface/User Experience (UI/UX) Design: Utilize tools such as Adobe and Figma to create a user- friendly, intuitive, and engaging user interface, optimizing the user experience.
Integration of Technology: Employ advanced technologies to build the application with high interactivity, while ensuring the stability and security of the system. Doctor-Patient Interaction: Establish a platform for effective interaction between doctors and patients through online means, enabling doctors to monitor and support patients remotely. Personalization and Progress Tracking: Develop personalized features so that the application can suggest content and activities tailored to the specific mental state of the user, while providing the ability to track and evaluate progress. Security and Data Management: Ensure that the application adheres to high-security standards and incorporates measures to protect users' personal data.
Community Interaction: Build a community-connecting feature that allows users to share experiences, learn from each other, and collectively overcome mental health challenges.5 Tools used ⮚ The development tools for this project include: Visual Studio Code. ⮚ For analysis and design: Adobe Illustrator, Adobe Photoshop, and Figma are utilized. ⮚ Project management is carried out using Github. ⮚ Report composition and diagram creation are facilitated by Microsoft Word and draw.6 Research subjects Bác Sĩ và Nhân Viên Y Tế: Nghiên cứu về cách bác sĩ và nhân viên y tế sử dụng nền tảng để theo dõi và tương tác với bệnh nhân từ xa.
Đánh giá ý kiến và trải nghiệm của bác sĩ khi sử dụng nền tảng trong việc chăm sóc sức khỏe tâm lý của bệnh nhân. Bệnh Nhân và Người Dùng Cuối: Nghiên cứu về trải nghiệm của bệnh nhân khi sử dụng nền tảng để giao tiếp và nhận hỗ trợ từ bác sĩ và cộng đồng y tế. Đánh giá mức độ hài lòng và hiệu suất của nền tảng trong việc cung cấp giải pháp cá nhân hóa cho bệnh nhân. Chuyên Gia Y Tế và Chuyên Gia Tâm Lý: Nghiên cứu về cách chuyên gia y tế và chuyên gia tâm lý sử dụng nền tảng để tư vấn và hỗ trợ bệnh nhân từ xa.
Đánh giá khả năng của nền tảng trong việc cung cấp các công cụ và tài nguyên hỗ trợ cho chuyên gia y tế. Cộng Đồng Người Dùng: Nghiên cứu về cách cộng đồng người dùng tương tác với nhau trên nền tảng, chia sẻ thông điệp tích cực và hỗ trợ lẫn nhau. Đánh giá tác động của cộng đồng trong việc nâng cao tâm lý và chất lượng cuộc sống của các thành viên. Bằng cách này, việc nghiên cứu về các research subjects này sẽ cung cấp thông tin quan trọng về hiệu suất và tác động của nền tảng trong việc cung cấp chăm sóc sức khỏe tâm lý.1 Working methods Working when in a peak mood.
Regularly document ideas as well as significant changes related to the application for ease of editing in the future.2 Research Methods -Analyze the usage needs of objects related to the application. - Research, analyze and evaluate applications available on the market.3 Technological methods and platforms - Learn languages and frameworks to build websites: + Backend programming language: ASP.NET + Frontend programming language: Javascript with Nextjs 2.4 Introducing Nextjs and .NET Nextjs What is it? Next.js is a React framework for building web applications. It simplifies the process of building React applications by providing a set of conventions and tools for server- side rendering, routing, and more. Key Features: Server-Side Rendering (SSR): Next.js allows you to render React components on the server side, providing better performance and SEO.
Routing: It has a built-in routing system that simplifies the process of navigation between pages. Static Site Generation (SSG): Next.js supports generating static websites for improved performance and scalability. API Routes: Easily create API routes to handle server-side logic alongside your application .NET: What is it? .NET is a free, open-source, cross-platform framework developed by Microsoft. It supports building various types of applications, including web applications, APIs, mobile apps, and more.
Key Features: C# Language: .NET is commonly used with the C# programming language, known for its simplicity and versatility.NET: A web framework within the .NET ecosystem, ASP.NET allows you to build robust and scalable web applications.NET Core (now known as .NET) is cross-platform, allowing you to build and run applications on Windows, Linux, and macOS. Entity Framework: An Object-Relational Mapping (ORM) framework that simplifies database operations.NET: You can integrate Next.NET backend by setting up API routes in Next.js that communicate with your. This combination allows you to benefit from the powerful frontend capabilities of Next.js along with the robust server-side capabilities of .NET for handling business logic and data operations.NET can be a powerful combination for building modern, performant, and scalable web applications. SURVEY AND ANALYSIS OF REQUIREMENTS SPECIFICATION 3.1 Current status survey - Method: Based on official reports and research.
A small-scale survey was also conducted and received about 121 responses. - Results received from the survey: ● Percentage of people who have used the service: ● Rate the overall experience of using the app on a scale of 1 to 10: ● Main advantages of the application according to users (users are asked to select multiple options): o Friendly and easy-to-use user interface: 83% o Stable processing speed: 72% o Providing effective freight management features: 68% 3.2 The request list is included in the application STT Request type Request name 1 Function View registration information 2 Function Register an account 3 Function Register an account 4 Function Password retrieval 5 Function Change personal information 6 Function CRUD application-related information 7 Function Appointment tracking 8 Function Decentralize doctor authority 9 Function habit management 10 Function appoinrment management 11 Function Manage appointment status 12 Function Change Password 13 Function registration management 14 Function Look up the doctor 15 Function registration division 16 Function Log out 17 Function Select language 18 Function Search for registration 19 Function Select viewing method 20 Function Select a payment method 21 Function Request re-schedule 22 Function Cancel appointment 23 Function View news reports 24 UI Convenient, optimized Function 25 UI UI is easy to see and friendly 26 UI Beautiful animation 27 UI Reasonable arrangement 28 UI Minimize Functions CHAPTER 4: SYSTEM ANALYSIS 4.1 Categorize software requirements 4.1 System requirements - The application can function like regular websites. - The application meets the necessary and basic needs of patients as well as other related functions such as managing information items related to the application.2 Professional requirements STT Function name Required profession 1 View appointment information Displays all appointments that the user has placed 2 Register an account Patient create a personal account to log in and register for appoitments. 3 Log in Patient login through email and password 4 Password retrieval Patients can retrieve their password when they forget it 5 Change personal information Patients can change and update new information about themselves.
6 CRUD application-related Allows administrators in the system to CRUD information some information related to the application.