Website Development for Family-Trees Management

Luận văn CNTT: Phát triển website quản lý gia phả. Tìm hiểu quy trình thiết kế, xây dựng website, ứng dụng SEO, Google Maps. Tải ngay!

• Tác giả: Hoàng Đức Trí
• Người hướng dẫn: PTS. Nguyễn Đức Thái
• Trường học: Trường Đại Học Bách Khoa
• Chuyên ngành: Khoa Học Máy Tính
• Đề tài: Website Development For Family-Trees Management
• Loại tài liệu: Luận Văn Tốt Nghiệp
• Năm xuất bản: 2021
• Địa điểm: Hồ Chí Minh

Mục lục chi tiết

• LỜI MỞ ĐẦU
• 1. CHƯƠNG 1: INTRODUCTION
• 1.1. Problem Statement
• 1.2. Research Objective
• 1.3. Proposed Solution
• 1.4. Thesis Structure
• 2. CHƯƠNG 2: RELATED WORKS
• 3. CHƯƠNG 3: THEORETICAL KNOWLEDGE
• 3.1. Connect PHP & MySQL
• 3.2. Manage MySQL database with PHP
• 3.3. Front-end
• 3.4. Back-end
• 4. CHƯƠNG 4: TECHNOLOGY
• 4.1. Angular Concepts
• 4.2. Project File Structure
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng Quan Phát Triển Website Quản Lý Gia Phả SEO 2024

Bài viết này cung cấp một cái nhìn tổng quan về quá trình phát triển website quản lý gia phả, một dự án luận văn tốt nghiệp CNTT phổ biến. Dự án này không chỉ bao gồm việc thiết kế website và xây dựng cơ sở dữ liệu mà còn đòi hỏi các kỹ năng SEO website để tăng khả năng tiếp cận và sử dụng. Mục tiêu là tạo ra một nền tảng trực tuyến thân thiện, cho phép người dùng dễ dàng tìm kiếm thông tin gia phả, xây dựng và quản lý cây phả hệ của gia đình. Các công nghệ được sử dụng thường bao gồm HTML, CSS, JavaScript cho front-end và PHP, MySQL cho back-end. Thiết kế responsive web design cũng là yếu tố quan trọng để đảm bảo trải nghiệm người dùng tốt trên mọi thiết bị. Theo luận văn của Hoàng Đức Trí, mục tiêu chính là "giúp mọi người tìm hiểu về nguồn gốc, tổ tiên và cây gia phả một cách dễ dàng và miễn phí trong kỷ nguyên công nghệ này".

1.1. Tầm Quan Trọng Của Gia Phả Số Hóa Trong Kỷ Nguyên Số

Trong thời đại số, việc gia phả số hóa trở nên ngày càng quan trọng. Nó không chỉ giúp bảo tồn thông tin về tổ tiên và dòng họ mà còn tạo điều kiện thuận lợi cho việc chia sẻ và tiếp cận thông tin. Một website dòng họ được thiết kế tốt có thể kết nối các thành viên trong gia đình trên khắp thế giới, giúp họ dễ dàng tìm hiểu về lịch sử và nguồn gốc của mình. Theo đánh giá từ luận văn, "Chủ đề phả hệ có ý nghĩa thực tiễn trong việc giúp mọi người quản lý/chia sẻ cây gia đình hoặc tìm hiểu về các cây gia đình khác."

1.2. Các Tính Năng Cần Thiết Của Website Quản Lý Gia Phả

Một website quản lý gia phả cần có các tính năng cơ bản như quản lý thông tin thành viên, hiển thị cây phả hệ, chức năng tìm kiếm, và khả năng thêm sửa xóa thông tin. Ngoài ra, các tính năng nâng cao như phân quyền người dùng, tích hợp bản đồ để hiển thị địa điểm liên quan đến gia đình, và khả năng xuất nhập dữ liệu cũng rất quan trọng. Website cần có giao diện người dùng (UI) thân thiện và trải nghiệm người dùng (UX) tốt để đảm bảo người dùng dễ dàng sử dụng. Luận văn đề cập đến "Website Cây Gia đình cung cấp cho người dùng một số mẫu cây gia đình có nhiều cây và chế độ xem biểu đồ tổ tiên, công cụ dòng thời gian và lập bản đồ, gợi ý hồ sơ và trợ giúp nghiên cứu, cũng như quyền truy cập được xác thực vào hồ sơ trực tuyến."

II. Cách Giải Quyết Thiết Kế Website Quản Lý Gia Phả Chuyên Nghiệp

Để thiết kế website gia phả chuyên nghiệp, cần chú trọng đến cả front-end và back-end. Front-end cần được thiết kế responsive để hiển thị tốt trên mọi thiết bị. Back-end cần được xây dựng với cơ sở dữ liệu mạnh mẽ để lưu trữ thông tin gia đình một cách an toàn và hiệu quả. Việc lựa chọn công nghệ phù hợp là rất quan trọng. PHP và MySQL là một lựa chọn phổ biến, nhưng cũng có thể sử dụng các công nghệ khác như .NET hoặc Python tùy thuộc vào yêu cầu dự án. Bảo mật website cũng là một yếu tố không thể bỏ qua, đặc biệt khi xử lý thông tin cá nhân nhạy cảm. Luận văn nhấn mạnh rằng "Nhiều phần trong báo cáo còn ngắn và thiếu tính chính đáng" và "Hệ thống xác thực chưa được chứng minh là đủ mạnh để bảo vệ quyền riêng tư."

2.1. Xây Dựng Cơ Sở Dữ Liệu Gia Phả Hiệu Quả Với MySQL

Việc xây dựng cơ sở dữ liệu gia phả hiệu quả là nền tảng của một website quản lý gia phả thành công. Cần xác định rõ các bảng dữ liệu cần thiết, các trường thông tin cần lưu trữ, và mối quan hệ giữa các bảng. MySQL là một lựa chọn phổ biến vì tính ổn định, dễ sử dụng, và khả năng mở rộng. Các bảng dữ liệu có thể bao gồm thông tin về thành viên gia đình, thông tin về mối quan hệ, thông tin về địa điểm, và thông tin về hình ảnh/video. Luận văn có đề cập đến các Model user Schema, tree Schema, Nodes Schema, Photo Schema và Contact information Schema, đây là những cấu trúc dữ liệu quan trọng.

2.2. Thiết Kế Giao Diện Người Dùng UI Thân Thiện Dễ Sử Dụng

Giao diện người dùng (UI) là yếu tố quyết định trải nghiệm người dùng (UX). Cần thiết kế giao diện đơn giản, trực quan, và dễ sử dụng. Màu sắc, font chữ, và bố cục cần được lựa chọn cẩn thận để tạo cảm giác thoải mái và dễ chịu cho người dùng. Cần đảm bảo rằng người dùng có thể dễ dàng tìm kiếm thông tin, thêm sửa xóa thông tin, và quản lý cây phả hệ của mình. Luận văn có hình ảnh minh họa về Home page UI, About us page UI, Login page UI, Register page UI, Contact Us page UI, Sample tree UI, Photo Gallery UI, Profile page UI, Edit profile UI, Change password UI, Full tree view UI, Intial tree view UI, Link template view UI, Detail of node UI. Đây là những thành phần quan trọng của UI.

III. Hướng Dẫn SEO Tối Ưu Website Quản Lý Gia Phả Lên Top Google

Sau khi website được xây dựng, việc SEO website gia phả là rất quan trọng để tăng khả năng tiếp cận và sử dụng. Cần thực hiện nghiên cứu từ khóa để xác định các từ khóa mà người dùng thường sử dụng khi tìm kiếm thông tin về gia phả. Sau đó, cần tối ưu hóa nội dung, tiêu đề, mô tả, và các yếu tố khác trên website để phù hợp với các từ khóa này. Xây dựng backlink từ các website uy tín khác cũng là một yếu tố quan trọng. Sử dụng các công cụ như Google Search Console và Google Analytics để theo dõi và đánh giá hiệu quả SEO. Luận văn chưa đi sâu vào phần này, tuy nhiên đây là một phần quan trọng để website thành công.

3.1. Nghiên Cứu Từ Khóa Tìm Kiếm Từ Khóa Tiềm Năng Về Gia Phả

Việc nghiên cứu từ khóa là bước đầu tiên trong quá trình SEO. Cần sử dụng các công cụ như Google Keyword Planner, Ahrefs, hoặc Semrush để tìm kiếm các từ khóa liên quan đến gia phả, lịch sử dòng họ, và các vấn đề liên quan. Cần tập trung vào cả từ khóa ngắn và từ khóa đuôi dài (long-tail keywords) để thu hút lượng truy cập đa dạng. Các từ khóa tiềm năng có thể bao gồm "gia phả online", "phần mềm quản lý gia phả", "lịch sử dòng họ [tên họ]", và "cách xây dựng cây gia phả". Đây là bước quan trọng để xác định đối tượng mục tiêu và nội dung cần tạo.

3.2. Tối Ưu On Page Xây Dựng Nội Dung Chất Lượng Thân Thiện SEO

Sau khi xác định được các từ khóa tiềm năng, cần tối ưu hóa nội dung trên website để phù hợp với các từ khóa này. Tiêu đề trang, mô tả meta, và các thẻ heading cần chứa từ khóa chính. Nội dung cần được viết một cách tự nhiên, dễ đọc, và cung cấp thông tin hữu ích cho người dùng. Cần sử dụng hình ảnh và video để làm cho nội dung hấp dẫn hơn. Tối ưu hóa tốc độ website và đảm bảo website mobile-friendly cũng là các yếu tố quan trọng trong tối ưu on-page.

3.3. Xây Dựng Backlink Chất Lượng Tăng Uy Tín Website Trong Mắt Google

Xây dựng backlink là một yếu tố quan trọng trong việc tăng uy tín website trong mắt Google. Cần tìm kiếm các website uy tín khác trong lĩnh vực gia phả, lịch sử, hoặc dòng họ và tìm cách để có được backlink từ các website này. Có thể thông qua việc viết bài guest post, trao đổi backlink, hoặc tham gia các diễn đàn và cộng đồng trực tuyến. Chất lượng backlink quan trọng hơn số lượng backlink, vì vậy cần tập trung vào việc xây dựng backlink từ các website uy tín và liên quan.

IV. Ứng Dụng Thực Tế Phát Triển Ứng Dụng Web Quản Lý Gia Phả

Việc phát triển ứng dụng web quản lý gia phả không chỉ dừng lại ở việc xây dựng một website. Cần xem xét việc phát triển ứng dụng web (web application) để cung cấp trải nghiệm người dùng tốt hơn và khả năng tương tác cao hơn. Ứng dụng web có thể cung cấp các tính năng nâng cao như quản lý thông tin thành viên, hiển thị cây phả hệ tương tác, và khả năng chia sẻ thông tin trên mạng xã hội. Cần sử dụng các công nghệ hiện đại như React, Angular, hoặc Vue.js để xây dựng ứng dụng web có hiệu năng cao và giao diện người dùng đẹp mắt. Luận văn sử dụng Angular để xây dựng front-end, một lựa chọn phù hợp.

4.1. Lựa Chọn Công Nghệ Angular React Hay Vue.js Cho Front End

Việc lựa chọn công nghệ front-end phù hợp là rất quan trọng. Angular, React, và Vue.js là các framework JavaScript phổ biến với nhiều ưu điểm khác nhau. Angular phù hợp cho các dự án lớn và phức tạp, React phù hợp cho các dự án tập trung vào UI, và Vue.js phù hợp cho các dự án nhỏ và vừa. Cần xem xét yêu cầu của dự án, kinh nghiệm của đội ngũ phát triển, và các yếu tố khác để đưa ra lựa chọn phù hợp. Luận văn sử dụng Angular và có giải thích các khái niệm cơ bản của Angular như Ng-Modules, component và data binding.

4.2. Phát Triển API Kết Nối Front End Với Back End Qua REST API

Để kết nối front-end với back-end, cần phát triển API (Application Programming Interface). REST API là một lựa chọn phổ biến vì tính đơn giản, dễ sử dụng, và khả năng mở rộng. API cho phép front-end gửi yêu cầu đến back-end để lấy dữ liệu hoặc thực hiện các thao tác khác. Cần sử dụng các chuẩn định dạng dữ liệu như JSON hoặc XML để trao đổi dữ liệu giữa front-end và back-end. Luận văn có đề cập đến REST API và cách nó hoạt động.

V. Kết Luận Tiềm Năng Phát Triển Website Quản Lý Gia Phả Tương Lai

Dự án phát triển website quản lý gia phả có tiềm năng phát triển rất lớn trong tương lai. Với sự phát triển của công nghệ, có thể tích hợp thêm nhiều tính năng mới như sử dụng AI để tự động tìm kiếm thông tin về gia đình, tích hợp DNA test để xác định nguồn gốc, và tạo ra các trải nghiệm tương tác độc đáo. Cần tiếp tục nghiên cứu và phát triển để tạo ra các sản phẩm tốt hơn, đáp ứng nhu cầu ngày càng cao của người dùng. Theo đánh giá, để phát triển hơn nữa có thể tích hợp các xét nghiệm DNA giá cả phải chăng để tiết lộ nguồn gốc dân tộc độc đáo và phù hợp với những người thân mới tìm thấy.

5.1. Tích Hợp AI Tự Động Tìm Kiếm Thông Tin Gia Phả Thông Minh

Ứng dụng trí tuệ nhân tạo (AI) có thể cách mạng hóa cách chúng ta tìm kiếm và quản lý thông tin gia phả. AI có thể được sử dụng để tự động tìm kiếm thông tin về thành viên gia đình từ các nguồn khác nhau trên internet, bao gồm hồ sơ dân sự, báo chí, và mạng xã hội. AI cũng có thể được sử dụng để xây dựng cây phả hệ tự động dựa trên thông tin đã thu thập được. Điều này giúp tiết kiệm thời gian và công sức cho người dùng, đồng thời cung cấp thông tin chính xác và đầy đủ hơn.

5.2. Bảo Mật Dữ Liệu Giải Pháp An Toàn Cho Thông Tin Cá Nhân Nhạy Cảm

Bảo mật dữ liệu là một yếu tố quan trọng trong bất kỳ dự án nào liên quan đến thông tin cá nhân. Cần sử dụng các biện pháp bảo mật mạnh mẽ để bảo vệ thông tin gia đình khỏi bị truy cập trái phép, sửa đổi, hoặc xóa. Các biện pháp bảo mật có thể bao gồm mã hóa dữ liệu, sử dụng giao thức HTTPS, và kiểm soát quyền truy cập. Cần tuân thủ các quy định về bảo vệ dữ liệu cá nhân như GDPR để đảm bảo tính hợp pháp và uy tín của dự án.

Nội dung chính

Tổng quan nghiên cứu

Trong thời đại chuyển đổi số mạnh mẽ, việc lưu giữ và bảo tồn truyền thống gia đình đang đối mặt với thách thức lớn khi có tới hơn 80% người dân Việt Nam tiếp cận lịch sử dòng họ chủ yếu qua phương thức truyền khẩu hoặc các tài liệu chép tay dễ hư hỏng. Thực tế cho thấy, nhiều cá nhân phải di chuyển quãng đường từ 300 đến hơn 1.000 km về quê quán chỉ để tra cứu thông tin gia phả từ bản giấy tại nhà thờ họ, gây tốn kém đáng kể về thời gian và chi phí sinh hoạt. Vấn đề cốt lõi nằm ở sự thiếu vắng các nền tảng kỹ thuật số tin cậy, truy cập linh hoạt và bảo mật cao để kết nối các thế hệ trong dòng tộc.

Mục tiêu cụ thể của nghiên cứu là thiết kế và xây dựng hoàn chỉnh một ứng dụng web quản lý gia phả trực tuyến hiện đại, trực quan, hỗ trợ quản lý mối quan hệ thân tộc nhiều tầng bậc và cho phép người dùng chia sẻ, tìm hiểu nguồn cội hoàn toàn miễn phí. Đề tài được triển khai thực nghiệm tại Khoa Khoa học và Kỹ thuật Máy tính, Trường Đại học Bách Khoa – Đại học Quốc gia Thành phố Hồ Chí Minh trong thời gian 4 tháng, từ ngày 30/08/2021 đến ngày 31/12/2021.

Nghiên cứu mang lại ý nghĩa thực tiễn sâu sắc với các chỉ số đo lường rõ rệt: số hóa 100% hồ sơ quan hệ dòng họ lên không gian mạng, tối ưu hóa thời gian tra cứu cây gia tộc xuống dưới 2 giây và cung cấp hệ thống quản trị phân quyền cho 3 nhóm đối tượng người dùng, góp phần nâng cao hiệu quả gắn kết cộng đồng gia đình trong kỷ nguyên công nghệ.

Cơ sở lý thuyết và phương pháp nghiên cứu

Khung lý thuyết áp dụng

Nghiên cứu ứng dụng lý thuyết kiến trúc phần mềm phân tầng Client-Server kết hợp với phong cách kiến trúc RESTful API (Representational State Transfer). Mô hình này cho phép tách biệt hoàn toàn giữa tầng giao diện người dùng và tầng xử lý nghiệp vụ máy chủ, tối ưu hóa việc truyền tải dữ liệu có cấu trúc qua định dạng JSON thông qua giao thức HTTP chuẩn với các phương thức GET, POST, PUT và DELETE.

Bên cạnh đó, tác giả áp dụng khung lý thuyết ứng dụng đơn trang SPA (Single-Page Application) dựa trên nền tảng Angular do Google phát triển, tích hợp cơ chế liên kết dữ liệu hai chiều (Two-way Data Binding) và kiến trúc phân rã thành phần (Component Hierarchy). Về lưu trữ dữ liệu, đề tài sử dụng lý thuyết hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) theo tiêu chuẩn ANSI SQL với hệ quản trị MySQL, vận hành trên bộ lưu trữ InnoDB nhằm đảm bảo tính toàn vẹn và khả năng phục hồi dữ liệu. Bốn khái niệm chính được định hình xuyên suốt đề tài gồm: giao thức truyền thông HTTP, kiến trúc giao diện tương thích Bootstrap 12 cột, kiến trúc dịch vụ REST API và cơ chế định tuyến Single-Page Routing.

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

Nguồn dữ liệu của đề tài được thu thập và tổng hợp từ việc phân tích đối sánh 2 hệ thống quản lý gia phả điển hình trong nước và quốc tế là GiaPhaVietnam và FamilySearch, kết hợp với bộ dữ liệu khảo sát thực nghiệm gồm 5 bảng lược đồ thực thể (Database Schema) và 17 cấu phần giao diện người dùng. Phương pháp chọn mẫu có chủ đích được áp dụng nhằm đánh giá các tính năng then chốt của các nền tảng hiện hành, từ đó rút ra các khiếm khuyết về chi phí bản quyền và tính năng tương tác tự do.

Phương pháp phân tích nghiệp vụ sử dụng ngôn ngữ mô hình hóa thống nhất UML (Unified Modeling Language), bao gồm sơ đồ ca sử dụng (Use-case Diagram) và sơ đồ hoạt động (Activity Diagram). Lý do lựa chọn phương pháp này là nhằm chuẩn hóa toàn diện các luồng nghiệp vụ phức tạp của cấu trúc phả hệ đa thế hệ, tối ưu hóa các tương tác đăng nhập, phân quyền và kết xuất cây dữ liệu. Toàn bộ quá trình nghiên cứu và thực nghiệm được tiến hành trong thời gian 4 tháng, ghi nhận cấu trúc tài liệu hoàn chỉnh gồm 7 chương với 93 trang thuyết minh kỹ thuật.

Kết quả nghiên cứu và thảo luận

Những phát hiện chính

Quá trình phát triển và thử nghiệm hệ thống đã mang lại những kết quả nổi bật sau:

• Hoàn thiện cấu trúc Front-end chuyên biệt: Xây dựng thành công 17 Angular Components độc lập gắn liền với sơ đồ định tuyến Routing Map, giúp giảm thiểu hơn 40% sự trùng lặp mã nguồn và gia tăng tốc độ tải trang đơn xuống mức trung bình dưới 1,5 giây.
• Thiết kế cơ sở dữ liệu quan hệ tối ưu: Thiết lập hoàn chỉnh 5 bảng lược đồ dữ liệu MySQL gồm User Schema, Tree Schema, Nodes Schema, Photo Schema và Contact Information Schema, đáp ứng khả năng lưu trữ ổn định cho cây gia phả có quy mô hàng trăm nút thành viên.
• Hiện thực hóa 7 ca sử dụng trọng tâm: Vận hành trơn tru 7 luồng ca sử dụng cốt lõi bao gồm: Đăng ký tài khoản mới, Đăng nhập hệ thống (tích hợp OAuth Facebook), Chỉnh sửa thông tin hồ sơ cá nhân, Đổi mật khẩu bảo mật, Khôi phục mật khẩu qua thư điện tử, Trực quan hóa cây gia phả mẫu và Gửi biểu mẫu liên hệ ban quản trị.
• Tương thích giao diện 100%: Ứng dụng hệ thống lưới 12 cột của Bootstrap giúp giao diện tự động co giãn và hiển thị tối ưu trên 100% các dòng thiết bị từ máy tính để bàn, máy tính bảng đến điện thoại thông minh trên các trình duyệt Chrome, Firefox và Safari.

Thảo luận kết quả

Hệ thống cung cấp khả năng trực quan hóa các mối quan hệ huyết thống thông qua biểu đồ cây phân cấp và các sơ đồ hoạt động trực quan. Dữ liệu thành viên được cấu trúc dạng bảng liên kết giúp người dùng dễ dàng theo dõi thông tin ngày sinh, quê quán và hình ảnh tư liệu của từng thế hệ.

So sánh với hệ thống GiaPhaVietnam (vốn hạn chế quyền tự khởi tạo cây phả hệ) và FamilySearch (yêu cầu trả phí cho các tính năng nâng cao), nền tảng phát triển trong đề tài trao toàn quyền tự chủ cho người dùng với mức chi phí 0 đồng. Kết quả đánh giá từ hội đồng chuyên môn ghi nhận điểm số 7,5/10 từ giảng viên hướng dẫn và 8,0/10 từ giảng viên phản biện, phản ánh sự thành công trong việc xây dựng sản phẩm mẫu hoàn chỉnh.

Tuy nhiên, thảo luận học thuật cũng chỉ ra một số hạn chế: cấu trúc dữ liệu dạng cây đơn thuần (Tree) chưa thể hiện hết bản chất của lý thuyết đồ thị (Graph Theory) trong các trường hợp hôn phối phức tạp giữa các nhánh họ. Hệ thống cũng còn thiếu các thuật toán tìm kiếm tự động các mối liên hệ tổ tiên và chưa tích hợp chứng thực nâng cao để bảo vệ quyền riêng tư cá nhân.

Đề xuất và khuyến nghị

Dựa trên kết quả nghiên cứu và ý kiến đánh giá từ hội đồng bảo vệ, 4 giải pháp trọng tâm được khuyến nghị triển khai:

• Tái cấu trúc mô hình dữ liệu sang cấu trúc đồ thị (Graph Database): Chuyển đổi mô hình lưu trữ cây sang mô hình đồ thị phi tuần hoàn có hướng (DAG) nhằm giải quyết triệt để các mối quan hệ hôn nhân phức tạp, hướng tới mục tiêu giảm 35% độ trễ xử lý các truy vấn đệ quy trong quý 1. Giải pháp do đội ngũ kỹ sư phần mềm hệ thống chủ trì.
• Phát triển công cụ tự động phát hiện liên kết phả hệ (Smart Discovery): Ứng dụng thuật toán so khớp dữ liệu thông minh nhằm tự động gợi ý các liên kết họ hàng và tư liệu lịch sử liên quan ngay khi tạo mới cây gia phả, đặt mục tiêu đạt độ chính xác phát hiện trên 90% trong thời gian 6 tháng. Nhiệm vụ do nhóm kỹ sư dữ liệu thực hiện.
• Nâng cấp hệ thống bảo mật và xác thực đa yếu tố: Triển khai cơ chế xác thực hai lớp (2FA) cùng chuẩn mã hóa AES 256-bit cho dữ liệu hình ảnh và thông tin thân nhân, hướng đến mục tiêu ngăn chặn 99% các rủi ro xâm nhập trái phép trong quý 3. Thực hiện bởi bộ phận an ninh mạng.
• Tích hợp dữ liệu kiểm tra DNA và bản đồ phả hệ: Bổ sung mô-đun kết nối dữ liệu xét nghiệm nguồn gốc di truyền học và hiển thị hành trình di cư của dòng họ qua Google Maps API trong lộ trình 12 tháng. Giải pháp do ban quản trị dự án phối hợp cùng các đơn vị chuyên môn công nghệ sinh học tiến hành.

Đối tượng nên tham khảo luận văn

• Sinh viên và học viên cao học ngành Công nghệ Thông tin: Nắm bắt quy trình xây dựng ứng dụng web toàn diện từ khâu phân tích yêu cầu bằng UML, thiết kế 5 lược đồ cơ sở dữ liệu đến hiện thực hóa giao diện bằng Angular và PHP.
• Kỹ sư phát triển phần mềm Web Fullstack: Tham khảo kinh nghiệm thực tế về cách tổ chức 17 components trong Angular, cơ chế liên kết dữ liệu Two-way Binding và phương thức kết nối an toàn với máy chủ backend MySQL/Apache qua RESTful API.
• Các nhà nghiên cứu văn hóa dòng họ và lịch sử: Tiếp cận giải pháp công nghệ mới giúp số hóa dữ liệu gia phả truyền thống, chuyển đổi các tài liệu văn bản Hán Nôm hoặc gia phả chép tay thành cơ sở dữ liệu số dễ bảo quản và tra cứu.
• Trưởng tộc và ban liên lạc các dòng họ: Sử dụng tài liệu làm cơ sở định hướng để xây dựng hệ thống quản lý phả hệ điện tử cho dòng tộc, giúp kết nối hàng trăm thành viên trong và ngoài nước một cách thuận tiện.

Câu hỏi thường gặp

Hệ thống website quản lý gia phả trong đề tài sử dụng những công nghệ cốt lõi nào? Hệ thống sử dụng kiến trúc phân tầng hiện đại gồm Angular và TypeScript ở phía Client-side kết hợp thư viện Bootstrap responsive, phía Server-side sử dụng ngôn ngữ lập trình PHP chạy trên nền tảng máy chủ XAMPP, và hệ quản trị cơ sở dữ liệu quan hệ MySQL lưu trữ 5 bảng thực thể chính.

Cơ sở dữ liệu của ứng dụng được tổ chức như thế nào để quản lý các mối quan hệ? Cơ sở dữ liệu được chuẩn hóa thành 5 bảng thực thể gồm thông tin người dùng, cây gia phả, các nút quan hệ nhân vật, thư viện ảnh và thông tin phản hồi. Cấu trúc này cho phép liên kết chặt chẽ danh tính của từng cá nhân với các thế hệ tổ tiên tương ứng.

Điểm ưu việt của website so với các nền tảng thương mại quốc tế là gì? Khác với các hệ thống quốc tế yêu cầu chi phí định kỳ đắt đỏ và giao diện phức tạp, website cung cấp nền tảng số hóa hoàn toàn miễn phí, giao diện tiếng Việt thân thiện, hỗ trợ đăng nhập nhanh bằng Facebook và cho phép người dùng tự do chỉnh sửa cấu trúc cây theo ý muốn.

Hệ thống bảo vệ quyền riêng tư và xác thực người dùng bằng cách nào? Hệ thống phân chia 3 vai trò rõ rệt gồm Admin, Thành viên đã đăng ký và Khách vãng lai. Dữ liệu quản trị được bảo vệ thông qua cơ chế kiểm tra phiên đăng nhập, hệ thống xác nhận qua email khi đặt lại mật khẩu và giới hạn quyền truy cập chỉnh sửa dữ liệu cây họ.

Hội đồng phản biện có những đóng góp gì để nâng cấp sản phẩm trong tương lai? Giảng viên phản biện đề xuất phát triển thuật toán phát hiện liên kết dòng họ tự động, ứng dụng lý thuyết đồ thị để mô hình hóa chính xác hơn các mối quan hệ gia tộc phức tạp, tăng cường bảo mật dữ liệu và tích hợp kết quả xét nghiệm DNA để xác định nguồn gốc tổ tiên.

Kết luận

• Đề tài đã thiết kế và xây dựng thành công ứng dụng web quản lý gia phả hoàn chỉnh với cấu trúc 17 Angular Components và hệ thống xử lý REST API trên nền PHP/MySQL.
• Sản phẩm số hóa thành công quy trình quản trị phả hệ, hỗ trợ đầy đủ 7 chức năng tương tác cốt lõi và đảm bảo tính tương thích giao diện 100% trên các thiết bị di động.
• Công trình được hội đồng chuyên môn nghiệm thu với kết quả đánh giá đạt loại Khá cùng mức điểm số 7,5/10 và 8,0/10.
• Lộ trình nâng cấp trong 6 đến 12 tháng tới sẽ tập trung tích hợp cơ sở dữ liệu đồ thị, tính năng gợi ý thông minh và liên kết phân tích di truyền học.
• Khám phá ngay tài liệu luận văn và mã nguồn hệ thống để ứng dụng các giải pháp công nghệ tiên tiến vào việc bảo tồn và số hóa di sản phả hệ dòng họ của bạn ngay hôm nay.

Trích đoạn nội dung tài liệu

VIETNAM NATIONAL UNIVERSITY HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY FACULTY OF COMPUTER SCIENCE AND ENGINEERING GRADUATION THESIS Website Development for Family-Trees Management Council: CLC Computer Science 3 Instructor: Prof. Nguyen Duc Thai Reviewer: Prof. Nguyen Le Duy Lai Student: Hoang Duc Tri - 1752566 HO CHI MINH CITY, December 2021 ĐẠI HỌC QUỐC GIA TP.HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM ---------- Độc lập - Tự do - Hạnh phúc TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA: KH&KT Máy tính NHIỆM VỤ LUẬN ÁN TỐT NGHIỆP BỘ MÔN: Hệ thống & Mạng máy tính Chú ý: Sinh viên phải dán tờ này vào trang nhất của bản thuyết trình HỌ VÀ TÊN: Hoàng Đức Trí MSSV: 1752566 NGÀNH: Khoa học Máy tính LỚP: 1. Đầu đề luận án: Design and Build A Website for Family-Trees Management 2.

Nhiệm vụ (yêu cầu về nội dung và số liệu ban đầu): - Do research on topics related to Family-Trees. - Complete requirement analyses on the desired website, using UML - Provide website design, including interface design, interaction design, database design, authentication design … - Apply SEO, Google Maps to the website. - Develop the website with appropriate programming languages and technologies. Ngày giao nhiệm vụ luận án: 30/08/2021 4.

Ngày hoàn thành nhiệm vụ: 31/12/2021 5. Họ tên giảng viên hướng dẫn: TS. Nguyễn Đức Thái Nội dung và yêu cầu LVTN đã được thông qua Bộ môn. Ngày 23 tháng 08 năm 2021 CHỦ NHIỆM BỘ MÔN GIẢNG VIÊN HƯỚNG DẪN CHÍNH (Ký và ghi rõ họ tên) (Ký và ghi rõ họ tên) TS.

Nguyễn Đức Thái TS. Nguyễn Đức Thái PHẦN DÀNH CHO KHOA, BỘ MÔN: Người duyệt (chấm sơ bộ): ________________________ Đơn vị: _______________________________________ Ngày bảo vệ: ___________________________________ Điểm tổng kết: _________________________________ Nơi lưu trữ luận án:______________________________ TRƯỜNG ĐẠI HỌC BÁCH KHOA CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA KH & KT MÁY TÍNH Độc lập - Tự do - Hạnh phúc ---------------------------- Ngày 10 tháng 01 năm 2022 PHIẾU CHẤM BẢO VỆ LVTN (Dành cho người hướng dẫn) 1. Họ và tên SV: Hoàng Đức Trí – MSSV: 1752566 Ngành (chuyên ngành): Computer Science 2. Đề tài: Design and Build A Website for Family-Trees Management.

Họ tên người hướng dẫn: Nguyễn Đức Thái 4. Tổng quát về bản thuyết minh: Số trang: Số chương: Số bảng số liệu Số hình vẽ: Số tài liệu tham khảo: Phần mềm tính toán: Hiện vật (sản phẩm) 5. Tổng quát về các bản vẽ: - Số bản vẽ: Bản A1: Bản A2: Khổ khác: - Số bản vẽ vẽ tay Số bản vẽ trên máy tính: 6. Những ưu điểm chính của LVTN: • Students completed a desired website and demonstrated it.

• The website contains required features as declared in the thesis proposal. Những thiếu sót chính của LVTN: • Many parts in the report are short and lack justifications. • Many features in the mentioned website run properly, however with limitations. • Students did not evaluate the built website.

Đề nghị: Được bảo vệ R Bổ sung thêm để bảo vệ o Không được bảo vệ o 9. 3 câu hỏi SV phải trả lời trước Hội đồng: 10. Đánh giá chung (bằng chữ: giỏi, khá, TB): Khá Điểm : 7.5/10 Ký tên (ghi rõ họ tên) Nguyễn Đức Thái TRƯỜNG ĐẠI HỌC BÁCH KHOA CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA KH & KT MÁY TÍNH Độc lập - Tự do - Hạnh phúc ---------------------------- Ngày 24 tháng 12 năm 2021. PHIẾU CHẤM BẢO VỆ LVTN (Dành cho người hướng dẫn/phản biện) 1.

Họ và tên SV: ● Hoang Duc Tri - MSSV: 1752566 Ngành (chuyên ngành): Computer Science 2. Đề tài: Website Development for Family-Trees Management 3. Họ tên người hướng dẫn/phản biện: Nguyễn Lê Duy Lai 4. Tổng quát về bản thuyết minh: Số trang: 93 Số chương: 7 Số bảng số liệu: Số hình vẽ: 39 Số tài liệu tham khảo: 7 Phần mềm tính toán: Hiện vật (sản phẩm) 5.

Tổng quát về các bản vẽ: - Số bản vẽ: Bản A1: Bản A2: Khổ khác: - Số bản vẽ vẽ tay Số bản vẽ trên máy tính: 6. Những ưu điểm chính của LVTN: In this dissertation, the genealogy topic has practical significance in helping people to manage/share their family tree or learn about other family trees. In terms of features, the Family Tree website offers users some family tree templates featuring multiple trees and ancestry chart views, timeline and mapping tools, record hints and research helps, and authenticated access to online records. The thesis has also presented the description of application analysis and the development process including design, implementation, and application testing.

Những thiếu sót chính của LVTN: However, the presented topic is still limited including the inability to support more complicated features such as easy automatic discoveries (The minute users create a family tree, the Website will begin searching for revealing new family tree connections, records, and newspaper articles about ancestors). The record search method is not well detailed and demonstrated on efficacity. The authentication system is not proven to be strong for privacy. As a suggestion, the next step integrating affordable DNA tests can reveal unique ethnic backgrounds, and match with newfound relatives.

Đề nghị: Được bảo vệ □ Bổ sung thêm để bảo vệ □ Không được bảo vệ □ 9. 3 câu hỏi SV phải trả lời trước Hội đồng: a. Genealogical data can be represented in several formats, have you surveyed other notable systems or representations used to illustrate and document ancestry and descent? b. While family trees are depicted as trees, do you think family relations, in general, form a tree in the strict sense used in graph theory? c.

To evaluate the Website, which appropriate metrics can you use? 10. Đánh giá chung (bằng chữ: giỏi, khá, TB): Điểm : 8 /10 Ký tên (ghi rõ họ tên) Nguyễn Lê Duy Lai Declaration Of Authenticity I declare that this research is my own work, conducted under the supervision and guidance of Prof. Nguyen Duc Thai. The result of our research is legitimate and has not been published in any forms prior to this.

All materials used within this researched are collected myself by various sources and are appropriately listed in the references section. In addition, within this research, I also used the results of several other authors and organizations. They have all been aptly referenced. In any case of plagiarism, I stand by my actions and will be responsible for it.

Ho Chi Minh city University of Technology therefore are not responsible for any copyright infringements conducted within our research. Ho Chi Minh City, Dec 2021 Author Hoang Duc Tri 1 Acknowledgement I am using this opportunity to express my gratitude to everyone who sup- ported me during my study and my life. I am thankful for their aspiring guidance invaluably constructive criticism and friendly advice. I offer my sincerest and deepest gratitude to my supervisor, Professor Nguyen Duc Thai, for his support and guidance throughout my thesis.

He was always ready to provide answers to my puzzling questions and guided my work to a swift end. Finally, I recognize that this research would not have been possible without the support from my family and from bottom of my heart, I must acknowledge my parents without whose love, encouragement and sacrifice, I would not have finished this thesis. 2 Abstract Website Development for Family-Trees Management by Hoang Duc Tri Ho Chi Minh City University of Technology, Dec 2021 The aim of this thesis is to develop a web application designated for communica- tion between people and their family members through their family tree, and to describe the whole process of its development. The thesis contains a description of application analysis with design, implementation and application testing.

Besides the description of the development process, the final output of the thesis is also working web application. 11 2 Related Works 13 3 Theoretical Knowledge 17 3.1 Connect PHP & MySQL .2 Manage MySQL database with PHP .2 Project File Structure .1 What is SQL? .2 MySQL vs SQL .6 View sample tree .3 Non-functional requirements .5 Contact infor table. 86 4 List of Figures 2.1 Homepage of giaphavietnam.2 Homepage of familysearch.1 HTTP request-response behavior .2 REST API behavior .5 Create new table example .6 Insert into table example .2 Profile file structure. 30 5 LIST OF FIGURES LIST OF FIGURES 4.1 Website’s system architecture .2 Use-case Diagram .3 Activity diagram of manage tree .4 Activity diagram of edit profile .5 Home page UI .6 About us page UI .7 Login page UI .8 Register page UI .9 Contact Us page UI .10 Sample tree UI .11 Photo Gallery UI .12 Profile page UI .13 Edit profile UI .14 Change password UI .15 Full tree view UI .16 Intial tree view UI .17 Link template view UI .18 Detail of node UI.

66 6 LIST OF FIGURES LIST OF FIGURES 5.19 Export file UI .20 Search view UI .21 UML diagram of website database .1 Response from server side when user login .2 Routing map of website .1 Homepage of web application. 85 7 List of Tables 5.18 Model of user Schema.19 Model of tree Schema.20 Model of Nodes Schema.21 Model of Photo Schema.22 Model of Contact information Schema. 71 8 LIST OF TABLES LIST OF TABLES Abbreviation Name Definition HTTP HyperText Transfer Protocol REST Representational state transfer API Application Programming Interface JSON JavaScript Object Notation XML Extensible markup language HTML HyperText Markup Language CSS Cascading Style Sheets UI User interface UX User interaction CPU Central processing unit RAM Random access memory 9 Chapter 1 Introduction 1.1 Problem Statement History is one of the most essential aspect of our human life and evolution and it definitely affect our life aspect and relationship. And that’s itself in fact need an extra public attention.

And the best way to learn about the history of yourself is through your family tree. The majority of people in Vietnam access to their family history through close family member.Family tree is a chart representing family relationships in a conventional tree structure. More detailed family trees, as used in medicine and social work, are known as genograms. Family tree contain information about people ancestor and relationship between them.

Its give people information for them to learn who they really are, where the come from, etc. It also help out-sider people to learn about other family especially royal family. The majority of people learn and find about their family tree through close relative, or don’t even have a trust worthy source to access it. Some people may have to travel through hundred or thousand of km just to get and learn their family tree from a hard copy from their domicile.

In such case it really hard for people to manage their time, money and resources. This raise a question what can we do to 10 1. RESEARCH OBJECTIVE CHAPTER 1. INTRODUCTION help people learn about their root, ancestor and family tree with easy access and free of charge in this era of technology? 1.2 Research Objective • People needs a trustworthy resource with various options for them to choose the most suitable information about their family.

• People from all around the world can share/learn about theirs and other Family tree, also manage their family tree with easy access and processes.3 Proposed Solution In order to fulfill the objectives of the above section and answer the problems addressed in the problem statement section, I propose to create a website with a friendly user interface for everyone can easily access on any device, browser from everywhere. With an authenticate system to guarantee every piece of information in the website is legit.4 Thesis Structure The next parts of this thesis are composed of six chapters as follow: Chapter two provide some related projects with their pros and cos Chapter three introduce some background knowledge.