Đồ án chuyên ngành Đề tài xây dựng website Đọc truyện

Vào mạng Internet, bạn có tìm thấy các tài liệu để nghiên cứu, học tập, trao đổi thư từ, mặt hàng, mua bán, … Một trong những mục tiêu của Internet là chia sẽ thông tin giữa những người

NGHIỆP VỤ ĐẶC THÙ

Khi người dùng cuối truy cập vào website, họ sẽ thấy trang chủ với nhiều thể loại truyện để tìm kiếm và đọc Đối với người quản lý, việc truy cập vào trang quản lý yêu cầu đăng nhập hoặc đăng ký tài khoản Sau khi đăng nhập thành công, quản lý có thể thực hiện các chức năng như thêm, xem, sửa và xóa bài viết Hệ thống phân quyền bao gồm quản trị viên, biên tập viên và cộng tác viên: quản trị viên có toàn quyền, biên tập viên có quyền quản lý bài viết ở chế độ “xuất bản” và sửa thông tin cá nhân, trong khi cộng tác viên chỉ có quyền sửa thông tin cá nhân và thêm bài viết ở chế độ “chờ kiểm duyệt”.

MỤC TIÊU NGHIÊN CỨU CỦA ĐỀ TÀI

Xây dựng một hệ thống quản lý truyện mới, dễ hiểu và dễ sử dụng cho người dùng là rất quan trọng Cần xác định các mảng quản lý cần thiết để phát triển ứng dụng phù hợp với nhu cầu thực tiễn của người dùng.

Xây dựng một hệ thống giúp trang trở nên tối ưu hơn, công tác quản lý dễ dàng và tiện lợi hơn

Xây dựng một hệ thống giúp nâng cao khả năng sáng tạo và tư duy của bản thân thông qua việc thiết kế giao diện tương tác với người dùng, đồng thời áp dụng kiến thức cá nhân vào thực tiễn.

CỞ SỞ LÝ THUYẾT

KHÁI NIỆM CƠ BẢN VỀ INTERNET

Internet là mạng của máy tính trên toàn cầu được thành lập từ những năm

80 bắt nguồn từ mạng APARRNET của bộ quốc phòng Mỹ.

Internet là nguồn tài liệu phong phú cho việc nghiên cứu, học tập, trao đổi thông tin và mua bán hàng hóa Một trong những mục tiêu chính của Internet là tạo điều kiện chia sẻ thông tin giữa người dùng trong nhiều lĩnh vực khác nhau.

Mỗi máy tính trên Internet được gọi là một host, và tất cả các host này đều có khả năng truyền thông với nhau Một số host kết nối mạng qua đường nối Dial-up tạm thời, trong khi những host khác được kết nối mạng một cách ổn định 100% thông qua các công nghệ như Ethernet hay Tokenring.

Các máy tính trên mạng được chia làm 2 nhóm Client và Server.

 Client: Máy khách trên mạng, chứa chương trình Client.

Máy chủ, hay còn gọi là Server, là thiết bị chứa các chương trình và tài nguyên như tập tin, tài liệu phục vụ cho nhiều máy khách Nó luôn ở trạng thái sẵn sàng để nhận và đáp ứng các yêu cầu từ Client.

Internet Server: Là những Server cung cấp các dịch vụ Internet như Web Server, Mail Server, FPT server…

Các dịch vụ thường dùng trong Internet:

 Dịch vụ World Wide Web (gọi tắt Web)

Electronic Mail, commonly referred to as Mail, enables communication between computers over the Internet, requiring all devices to support the standard TCP/IP (Transmission Control Protocol/Internet Protocol).

Giao thức TCP/IP là một giao thức đồng bộ cho phép truyền thông điệp từ nhiều nguồn đến nhiều đích khác nhau, ví dụ như lấy thư từ hộp thư trong khi truy cập trang web TCP đảm bảo tính an toàn dữ liệu, trong khi IP quản lý phương thức vận chuyển dữ liệu trên Internet.

1.3.1 Các khái niệm cơ bản về World Wide Web

World Wide Web (WWW) là dịch vụ phổ biến nhất trên Internet, chiếm khoảng 85% các giao dịch trực tuyến Hiện nay, số lượng website trên toàn cầu đã đạt đến mức khổng lồ, cho phép người dùng truy cập thông tin dưới nhiều hình thức như văn bản, hình ảnh, âm thanh và video Thông qua các website, doanh nghiệp có thể giảm thiểu chi phí in ấn và phân phối tài liệu đến khách hàng ở nhiều địa điểm khác nhau.

Có nhiều cách để tạo trang Web:

 Có thể tạo trang web trên bất kì chương trình xử lý văn bản nào.

Để tạo website, bạn có thể viết mã nguồn bằng các trình soạn thảo văn bản như Notepad hoặc Wordpad, những công cụ có sẵn trên Windows Ngoài ra, bạn cũng có thể sử dụng các phần mềm chuyên nghiệp như Frontpage, Dreamweaver, và Visual Studio Để xây dựng một ứng dụng web hoàn chỉnh và có tính thương mại, cần kết hợp cả Client Script và Server Script cùng với một cơ sở dữ liệu, chẳng hạn như MS Access, SQL Server, hoặc Oracle; trong nhóm của chúng tôi, chúng tôi sử dụng MySQL.

Khi triển khai ứng dụng Web trên mạng, bên cạnh yêu cầu về cấu hình phần cứng, việc sở hữu một trình chủ web, hay còn gọi là Web Server, là điều cần thiết.

1.3.3 Trình duyệt web (Web Client hay Web Browser)

Trình duyệt web là phần mềm cho phép người dùng truy cập và tương tác với dữ liệu trên Internet Chức năng chính của trình duyệt là nhận yêu cầu từ người dùng, gửi chúng đến các máy chủ web và hiển thị dữ liệu nhận được trên màn hình Để sử dụng dịch vụ World Wide Web (WWW), người dùng cần có một trình duyệt web và kết nối Internet thông qua nhà cung cấp dịch vụ (ISP) Một số trình duyệt phổ biến hiện nay bao gồm Microsoft Internet Explorer, Mozilla Firefox và Google Chrome.

WebServer là một máy tính kết nối Internet, chạy các phần mềm chuyên dụng để xử lý nhiệm vụ như tìm kiếm trang web, xử lý dữ liệu và kiểm tra tính hợp lệ Nó cũng lưu trữ cơ sở dữ liệu và đóng vai trò là phần mềm Server cung cấp dịch vụ Web.

WebServer hỗ trợ các công nghệ khác nhau:

 IIS (Internet Information Server): Hỗ trợ ASP, mở rộng hỗ trợ PHP.

 Tomcat: Hỗ trợ JPS (Java Servlet Page).

- Tài liệu được phân phát rất đơn giản từ hệ thống file Server.

- Định dạng các trang web tĩnh là các siêu liên kết, các trang định dạng Text, các hình ảnh đơn giản.

Cơ sở dữ liệu nhỏ giúp việc phân phát dữ liệu trở nên hiệu quả, cho phép server đáp ứng nhanh chóng nhu cầu của client Do đó, việc sử dụng web tĩnh là lựa chọn hợp lý khi thông tin trên trang không cần thay đổi.

 Nhược điểm: không đáp ứng được yêu cầu phức tạp của người sử dụng,không linh hoạt.

Hoạt động của trang web tĩnh được thể hiện như sau:

Trang web động hoạt động tương tự như trang web tĩnh nhưng có khả năng tương tác với cơ sở dữ liệu (CSDL) để đáp ứng các yêu cầu phức tạp Khi nhận được yêu cầu từ Web Client, như truy vấn từ CSDL trên Server, ứng dụng Internet Server sẽ thực hiện truy vấn, tạo ra một trang HTML chứa kết quả và gửi trả cho người dùng.

Hoạt động của Web động được thể hiện như sau:

MÔI TRƯỜNG

Phần mềm Xampp là công cụ phổ biến cho lập trình viên trong việc thiết lập website, cung cấp một máy chủ ảo Web server tích hợp sẵn Apache, PHP, MySQL và nhiều tính năng khác Với giao diện thân thiện, Xampp cho phép người dùng dễ dàng quản lý và điều khiển các chức năng của server như đóng mở hoặc khởi động lại Đặc biệt, Xampp được phát triển theo mã nguồn mở, mang lại tính linh hoạt và khả năng tùy chỉnh cao cho người sử dụng.

+ Là 1 phần mềm tích hợp nằm trong Xampp được gọi tắt của Apache

HTTP Server là một chương trình máy chủ giao tiếp bằng giao thức HTTP và hoạt động trên hầu hết các hệ điều hành.

Apache là phần mềm giúp chủ trang web đưa nội dung lên mạng, không chỉ đơn thuần là một server vật lý Nó thiết lập kết nối giữa server và các trình duyệt như Firefox, Google Chrome, và Safari, cho phép truyền tải và trao đổi file theo mô hình client-server Với cách thức hoạt động đa nền tảng, Apache tương thích tốt với cả server Unix và Windows.

Khi khách truy cập một trang web, trình duyệt gửi yêu cầu tải trang lên server, và Apache sẽ trả về tất cả các file cần thiết như nội dung, hình ảnh, và video Giao tiếp giữa server và client diễn ra qua giao thức HTTP, với Apache đảm nhận vai trò đảm bảo tiến trình này diễn ra mượt mà và bảo mật tối ưu.

Apache là một nền tảng module có khả năng tùy biến cao, cho phép quản trị viên server dễ dàng thêm hoặc tắt chức năng Nổi bật với các module bảo mật, caching, URL rewriting và chứng thực mật khẩu, Apache giúp bảo vệ trang web của bạn một cách an toàn và hiệu quả.

 Apache là giải pháp tài chính hiệu quả Apache là phần mềm mã nguồn mở và miễn phí, kể cả cho mục đích thương mại.

 Có độ tin cậy cao, ổn định, không chỉ được cập nhật thường xuyên, mà còn được nâng cấp với nhiều bản vá lỗi bảo mật liên tục.

 Phần mềm có tính linh hoạt cao, cấu trúc module tiện lợi

Apache dễ cấu hình, thân thiện với người dùng, kể cả dân không chuyên.

 Phần mềm đa nền tảng (hoạt động được cả với server

Unix và Windows đều hỗ trợ WordPress một cách hiệu quả, với khả năng hoạt động mạnh mẽ WordPress không chỉ nổi bật với hiệu suất cao mà còn có một cộng đồng lớn, luôn sẵn sàng hỗ trợ người dùng trong việc giải quyết mọi vấn đề.

 Gặp vấn đề hiệu năng nếu website có lượng truy cập cực lớn.

 Quá nhiều lựa chọn thiết lập có thể gây ra các điểm yếu bảo mật.

 Bước 1: Download Apache phiên bản 64 bit hoặc 32 bit.

Bước 2: Tiến hành cài đặt Apache bằng cách giải nén thư mục Apache24 vào ổ C, vì đây là ổ mặc định được thiết lập cho nguồn này Nếu bạn muốn cài đặt trên ổ khác, hãy đảm bảo thực hiện các bước cần thiết để điều chỉnh cấu hình.

D hay bất kỳ đâu thì bạn cần phải thay đổi lại cấu hình cho DocumentRoot.

Để khởi động Apache, bạn cần truy cập vào thư mục C:\Apache24\bin và chạy file httpd.exe Khi xuất hiện thông báo “It works!” hoặc khi truy cập http://localhost và thấy dòng chữ “It works!”, điều đó có nghĩa là bạn đã cài đặt và khởi động Apache thành công.

GIAO DIỆN

3.1Ngôn ngữ lập trình HTML

3.1.1 Giới thiệu về ngôn ngữ lập trình HTML

Trang web được hình thành từ sự kết hợp giữa văn bản và thẻ HTML, trong đó HTML (HyperText Markup Language) là ngôn ngữ đánh dấu được quy định bởi tổ chức World Wide Web Consortium (W3C) Một tệp HTML thực chất là một tệp thông thường với đuôi mở rộng html hoặc htm.

HTML sử dụng các thẻ để định dạng văn bản trên trang web và liên kết từ hoặc cụm từ với tài liệu khác trên Internet Hầu hết các thẻ HTML đều có dạng thẻ mở và thẻ đóng, với thẻ đóng có cùng tên lệnh nhưng thêm dấu "/" Cú pháp của ngôn ngữ HTML không phân biệt chữ hoa chữ thường.

Ví dụ, có thể khai báo hoặc Không có khoảng trắng trong định nghĩa thẻ.

3.1.2 Cấu trúc chung cho một trang HTML

Tiêu đề của trang web

Theo cấu trúc trình bày như trên ta thấy một file HTML chia thành hai phần cơ bản:

Phần đầu của một trang Web được tạo thành từ hai thẻ và , trong đó định nghĩa tiêu đề của trang Tiêu đề này được hiển thị trên thanh tiêu đề của trình duyệt và nằm giữa hai thẻ và .

Phần thân của trang web được khai báo bằng hai thẻ và , chứa nội dung chính hiển thị trên trang Tất cả các yếu tố cần thiết để trình bày và xử lý thông tin trên website đều được định nghĩa trong phần body của HTML Để tăng tính sinh động cho trang web, HTML cung cấp nhiều thẻ hỗ trợ việc định dạng, liên kết giữa các trang và chèn hình ảnh.

Lưu ý: HTML không phân biệt chữ hoa và chữ thường và không có khoảng trắng trong định nghĩa thẻ.

3.1.3 Các thẻ HTML cơ bản:

 Thẻ …: Tạo đầu mục trang.

 Thẻ …: Tạo tiêu đề trang trên thanh tiêu đề, ở đây là thẻ bắt buộc.

Thẻ … chứa toàn bộ thông tin sẽ được hiển thị trên trang web, và những nội dung này có thể dễ dàng nhìn thấy bởi người dùng.

Các thẻ định dạng khác:

 Thẻ …: Thay đổi phông chữ, kích cỡ, màu kí tự, …

Thẻ định dạng bảng trong HTML được sử dụng để tạo bảng trên một trang web, bắt đầu bằng thẻ và kết thúc bằng thẻ Sau khi khai báo thẻ bảng, bạn cần sử dụng các thẻ hàng để xác định các hàng trong bảng.

và thẻ cột … cùng với các thuộc tính của nó.

 Thẻ hình ảnh : Cho phép bạn chèn hình ảnh vào trang web Thẻ này thuộc loại thẻ không có thẻ đóng.

Thẻ liên kết … là một loại thẻ HTML quan trọng, được sử dụng để tạo liên kết giữa các trang web hoặc kết nối đến các địa chỉ internet, email, intranet (URL) và các địa chỉ tệp trong mạng cục bộ (UNC).

Thẻ input là một thành phần quan trọng trong HTML, cho phép người dùng nhập dữ liệu hoặc thực hiện các hành động như gửi biểu mẫu Các loại thẻ input bao gồm: text, password, submit, button, reset, checkbox, radio, image và file, mỗi loại phục vụ một mục đích cụ thể trong việc tương tác với người dùng.

 Thẻ Textarea: …: Cho phép người dùng nhập dưc liệu với rất nhiều dòng Với thẻ này bạn không giới hạn chiều dài lớn nhất trên trang web.

Thẻ cho phép người dùng lựa chọn các phần tử từ danh sách đã được định nghĩa trước, tạo ra một danh sách thả xuống Bên trong thẻ , các thẻ định nghĩa các giá trị tùy chọn có sẵn Thường thì thẻ và được sử dụng trong các biểu mẫu () để người dùng có thể lựa chọn từ danh sách.

 Thẻ Form: FORM trong HTML được dùng để người dùng gửi thông tin (submit) lên server Để tạo FORM dùng thẻ

“Action” là thuộc tính chỉ ra địa chỉ URL mà dữ liệu của form gửi đến Thuộc tính method có giá trị bằng GET hoặc POST

Khi sử dụng phương thức "get", dữ liệu được gửi qua URL khi người dùng thực hiện gửi biểu mẫu Ngược lại, phương thức "post" gửi dữ liệu trong nội dung của yêu cầu đến máy chủ, giúp thông tin không hiển thị công khai và an toàn hơn cho người dùng.

CSS, hay còn gọi là Cascading Style Sheet, là ngôn ngữ dùng để định dạng và tạo phong cách cho các yếu tố được viết bằng ngôn ngữ đánh dấu như HTML Nó cho phép người lập trình viên kiểm soát định dạng của nhiều trang web cùng lúc, giúp tiết kiệm thời gian và công sức trong quá trình thiết kế web.

Nó phân biệt cách hiển thị của trang web với nội dung chính của trang bằng cách điều khiển bố cục, màu sắc, và font chữ

 CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm

Vào năm 1996, HTML không được phát triển với chức năng gắn tag để định dạng trang web, mà chỉ được sử dụng để "đánh dấu" nội dung trên trang.

JavaScript, hiện tại là một ngôn ngữ lập trình kịch bản dựa trên đối tượng, được phát triển từ các khái niệm nguyên mẫu Ngôn ngữ này phổ biến trong việc xây dựng trang web và cho phép viết script sử dụng các đối tượng có sẵn trong ứng dụng Được sáng tạo bởi Brendan Eich tại Netscape, JavaScript ban đầu mang tên Mocha, sau đó đổi thành LiveScript và cuối cùng là JavaScript Cú pháp của JavaScript tương tự như Java.

C, nhưng nó gần với Self hơn Java.js là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript

Vào thời điểm Netscape tích hợp công nghệ Java vào trình duyệt của mình, LiveScript đã được đổi tên thành JavaScript để thu hút sự chú ý, khi Java đang nổi bật như một hiện tượng JavaScript được thêm vào trình duyệt Netscape bắt đầu từ phiên bản 2.0b3 vào tháng 12 năm 1995 Tuy nhiên, JavaScript không phải là sản phẩm phát triển từ Java, mà chỉ mượn cách đặt tên của ngôn ngữ này JavaScript bao gồm hai mảng chính: client-server, thực hiện lệnh trên máy của người dùng cuối, và web-server.

Sau thành công của JavaScript, Microsoft đã phát triển JScript, một ngôn ngữ tương thích và có ứng dụng tương tự JScript được tích hợp vào trình duyệt Internet Explorer từ phiên bản 3.0, ra mắt vào tháng 8 năm 1996.

MÁY CHỦ

4.1 Giới thiệu về ngôn ngữ kịch bản PHP

PHP, viết tắt của "Personal Home Page", là một ngôn ngữ lập trình kịch bản chạy trên máy chủ (server-side), tương tự như các ngôn ngữ như ASP, JSP và ColdFusion Nó cho phép truy cập dễ dàng vào các trang web động và tương tác với nhiều cơ sở dữ liệu khác nhau, bao gồm Informix, MySQL, PostgreSQL, Oracle, Sybase và SQL Server.

PHP là một phần mềm mã nguồn mở, được thiết kế cho các mục đích tổng quát, đặc biệt phù hợp với phát triển web Nó cho phép người dùng dễ dàng nhúng mã vào trang HTML Mã PHP có thể được thực thi trên máy chủ web, tạo ra mã HTML và xuất ra trình duyệt theo yêu cầu của người sử dụng.

4.1.2 Đặc điểm của file PHP:

PHP có khả năng hoạt động trên nhiều nền tảng khác nhau như Windows, Linux, và Unix Ngoài ra, nó cũng tương thích với hầu hết các máy chủ phổ biến hiện nay, bao gồm Apache và IIS.

PHP trả về cho trình duyệt một trang HTML thuần, cho phép các file PHP chứa văn bản, thẻ HTML và đoạn mã kịch bản.

Phần lớn các file PHP có phần mở rộng là: php, php3,… phpml và lưu ý rằng từ phiên bản 4.0 về sau mới hỗ trợ session.

4.1.3 Cú pháp Đầu tiên, một đoạn mã php luôn được bắt đầu và kết thúc bởi cặp thẻ theo cú pháp:

Chúng ta có thể nhúng lệnh PHP vào trang HTML, và mã PHP có thể được đặt ở bất kỳ vị trí nào trong tài liệu Thông thường, một trang PHP bao gồm các thẻ HTML giống như một trang HTML, nhưng có thêm đoạn mã PHP.

echo “Đồ án chuyên ngành của nhóm 2”

Có nhiều lý do khiến cho việc sử dụng ngôn ngữ này chiếm ưu thế xin nêu ra đây một số lý do cơ bản:

-Mã nguồn mở (Open Source Code)

-Miễn phí, download dễ dàng từ Internet.

-Ngôn ngữ dễ học, dễ viết.

-Mã nguồn không sửa lại nhiều khi viết chạy cho các hệ điều hànhtừ windows, linux, Unix

Connecting to various DBMS sources is straightforward, including popular systems like MySQL, Microsoft SQL Server, Oracle, PostgreSQL, and Adabas Additionally, it supports numerous database systems on Unix operating systems and any DBMS that offers ODBC (Open Database Connectivity) support.

PhpMyAdmin là phần mềm mã nguồn mở được viết bằng ngôn ngữ PHP giúp quản trị cở sở dữ liệu MySQL thông qua giao diện web.

MySQL là hệ thống quản trị cơ sở dữ liệu mã nguồn mở (RDBMS) hoạt động theo mô hình client-server, viết tắt của Relational Database Management System Nó được tích hợp với Apache và PHP, cho phép quản lý dữ liệu thông qua các cơ sở dữ liệu, mỗi cơ sở dữ liệu có thể chứa nhiều bảng quan hệ MySQL sử dụng cú pháp truy xuất và mã lệnh tương tự như ngôn ngữ SQL và đã được phát hành từ thập niên 90.

4.2.2 Các tính năng của phpMyAdmin là gì?

Một số tính năng chung thường được sử dụng trên phpMyAdmin:

 Quản lý user (người dùng): thêm, xóa, sửa (phân quyền).

 Quản lý cơ sở dữ liệu: tạo mới, xóa, sửa, thêm bảng, hàng, trường, tìm kiếm đối tượng.

 Nhập xuất dữ liệu (Import/Export): hỗ trợ các định dạng SQL, XML và CSV.

 Thực hiện các truy vấn MySQL, giám sát quá trình và theo dõi.

 Sao lưu và khôi phục (Backup/Restore): Thao tác thủ công.

phpMyAdmin mang lại nhiều ưu điểm nổi bật, trong đó có việc nâng cao hiệu quả quản lý cơ sở dữ liệu Giao diện trực quan của phpMyAdmin giúp người dùng thực hiện các thao tác trên cơ sở dữ liệu dễ dàng và nhanh chóng, tiết kiệm thời gian so với việc sử dụng dòng lệnh trên command line.

Là công cụ đa năng có thể vừa làm việc với một đối tượng vừa xử lý lỗi hoặc các tính huống bất ngờ.

phpMyAdmin là một mã nguồn mở với sự phát triển từ nhiều lập trình viên toàn cầu, mang lại cho người dùng sự hỗ trợ phong phú từ cộng đồng Ngoài ra, phpMyAdmin cũng hỗ trợ đa ngôn ngữ, đáp ứng nhu cầu của người dùng trên khắp thế giới.

Chi phí: Dù có nhiều ưu điểm và mang đến nhiều lợi ích vượt bậc, phpMyAdmin vẫn là công cụ hoàn toàn miễn phí.

PHÂN TÍCH, THIẾT KẾ WEBSITE

CÁC GIAI ĐOẠN THỰC HIỆN

 Giai đoạn 1: Thu thập tài liệu: Thu thập dữ liệu Tìm hiểu công cụ, ngôn ngữ lập trình, các kiến thức cơ bản liên quan đến lập trình.

Giai đoạn 2 của quá trình nghiên cứu vấn đề bao gồm việc đọc hiểu các tài liệu liên quan để nắm rõ vai trò và chức năng của các công cụ cùng ngôn ngữ lập trình như Visual Studio, MySQL, phpMyAdmin, PHP, HTML, CSS, và JavaScript.

Giai đoạn 3 của quá trình phát triển phần mềm là xây dựng phần mềm, trong đó các nhà phát triển sẽ áp dụng kiến thức đã nghiên cứu và dữ liệu đã phân tích Họ sẽ sử dụng các công cụ và ngôn ngữ lập trình đã được lựa chọn để thực hiện việc phát triển này.

 Giai đoạn 4: Kiểm thử chương trình: Chạy demo, kiểm thử chương trình Xem xét, đánh giá hiệu quả của từng chức năng Sửa lỗi và hoàn thiện chương trình

 Giai đoạn 5: Kết luận: Tổng kết, viết báo cáo, rút ra kêt luận chung cho đề tài.

THIẾT KẾ SƠ SỞ DỮ LIỆU

Cơ sở dữ liệu đóng vai trò quan trọng trong việc lưu trữ thông tin cần thiết cho chương trình, đảm bảo rằng mọi dữ liệu quản lý đều được thể hiện đầy đủ và rõ ràng Mỗi cơ sở dữ liệu cần có thông tin tối thiểu để hỗ trợ hiệu quả trong quá trình quản lý.

Để quản lý cơ sở dữ liệu và thực hiện các thao tác cùng với các thuật toán liên quan đến trang web, việc lựa chọn cấu trúc dữ liệu phù hợp là rất quan trọng để mô tả hiệu quả quá trình hoạt động của trang web.

- Để tạo một cở sở dữ liệu, trước hết ta phải xác định những thông tin gì là cần thiết

- Sau đó, ta thiết kế, tạo các bảng chứa các trường định nghĩa kiểu dữ liệu sẽ có.

Sau khi tạo ra cấu trúc cơ sở dữ liệu, cơ sở dữ liệu có thể chứa dữ liệu dưới dạng bản ghi.

LỰA CHỌN VÀ CÀI ĐẶT CỞ SỞ DỮ LIỆU

Lựa chọn PhpMyAdmin để lưu trữ dữ liệu là quyết định quan trọng, ảnh hưởng lớn đến sự thành công của chương trình.

phpMyAdmin là phần mềm mã nguồn mở viết bằng PHP, giúp người dùng, đặc biệt là các nhà quản trị cơ sở dữ liệu, quản lý MySQL qua giao diện web thay vì dòng lệnh Với phpMyAdmin, người dùng có thể thực hiện nhiều tác vụ như tạo, cập nhật và xóa cơ sở dữ liệu, bảng, trường, dữ liệu trong bảng, cũng như phân quyền và quản lý người dùng một cách dễ dàng.

PHÂN TÍCH HỆ THỐNG

4.1 Xác định các thực thể

Bước đầu tiên trong phân tích thiết kế cơ sở dữ liệu là phân tích các yêu cầu dữ liệu, nhằm xác định thông tin cần quản lý và các đối tượng cần lưu trữ trong bảng.

Admin là thực thể chịu trách nhiệm điều hành và quản trị hệ thống, sở hữu quyền hạn cao nhất Thông tin về Admin bao gồm địa chỉ email, họ tên đầy đủ và mật khẩu.

 Biên tập viên: Đây là thực thể xác định viết truyện Người có quyền viết truyện và đăng bài.

 Cộng tác viên: Đây là thực thể xác định viết truyện Người có quyền viết truyện ở chế độ “Chờ kiểm duyệt”.

- Quản trị viên : Xem truyện, Tìm kiếm truyện, Đăng nhập, Đăng xuất, đăng kí, Quản lý truyện, Quản lý danh mục, quản lý người dùng, Quản lý liên hệ

- Biên tập viên: Xem truyện, Tìm kiếm truyện, Đăng nhập, Đăng xuất, Đăng kí, Quản lý truyện, Quản lý danh mục, Quản lý slide(ảnh), Quản lý liên hệ

- Cộng tác viên: Xem truyện, Tìm kiếm truyện, Đăng nhập, Đăng xuất, Đăng kí, được thêm truyện ở chế độ “chờ kiểm duyệt”

Mục đích Người xem, quản trị viên muốn xem các truyện khi truy cập vào website

Quá trình vận hành Chức năng xem được thực hiện

Mục đích quản trị viên, biên tập viên, cộng tác viên muốn tìm kiếm cụ thể thông tin nào đó trong website

Quá trình vận hành bắt đầu khi quản trị viên, biên tập viên hoặc cộng tác viên nhập một phần hoặc toàn bộ tiêu đề vào thanh công cụ tìm kiếm của website Kết quả đầu ra sẽ hiển thị thông tin có liên quan, với một phần hoặc toàn bộ tiêu đề trùng khớp với nội dung đã nhập Hãy đăng ký để trải nghiệm tính năng này.

SVTH: NGUYỄN LONG VĨ – Lớp: 18CNTT3 27

Mục đích Quản trị viên, biên tập viên, cộng tác viên muốn đăng nhập vào website bằng thông tin đã được tạo trước đó

Quá trình vận hành Quản trị viên, biên tập viên, cộng tác viên điền thông tin tài khoản và mật khẩu của mình vào form

Mục đích Quản trị viên, biên tập viên, cộng tác viên muốn đăng nhập vào website admin bằng thông tin đã được tạo trước đó

Quá trình đăng ký cho quản trị viên, biên tập viên và cộng tác viên bắt đầu bằng việc điền thông tin tài khoản và mật khẩu vào mẫu có sẵn Sau khi hoàn tất, họ chỉ cần nhấn nút đăng ký để truy cập vào hệ thống quản lý admin.

Mục đích Quản trị viên, biên tập viên, cộng tác viên muốn đăng xuất thoát khỏi quyền sử dụng các chức năng

Quá trình vận hành Quản trị viên, biên tập viên, cộng tác viên nhấn nút để đăng xuất ở bên phải trên thanh navbar, hoặc chổ ‘tài khoản’ phần leftbar

Chức năng Quản lý danh mục

Mục đích Quản trị viên, biên tập viên dùng để kiểm soát các danh mục truyện

Quá trình vận hành Quản trị viên, biên tập viên có thể thêm sửa xóa danh mục truyện

Chức năng Quản lý người dùng

Mục đích Quản trị viên dùng để kiểm soát các tài khoản user khác

Quá trình vận hành Quản trị viên có thể thêm sửa xóa các user khác

Chức năng Quản lý bài viết

Mục đích Quản trị viên, biên tập viên dùng để kiểm soát các truyện

Quá trình vận hành Quản trị viên, biên tập viên có thể thêm sửa xóa, xem tất cả thông tin truyện

Chức năng Quản lý liên hệ

Mục đích Quản trị viên dùng để kiểm soát các liên hệ

Quá trình vận hành Quản trị viên chỉ có thể xóa các liên hệ thuộc truyện tương ứng

4.4 Sơ đồ ca sử dụng

Use case là một kỹ thuật quan trọng trong kỹ thuật phần mềm và hệ thống, giúp xác định các yêu cầu chức năng của hệ thống Nó mô tả sự tương tác giữa người dùng bên ngoài (actor) và hệ thống, đồng thời nêu rõ các yêu cầu cần thiết cho hệ thống hoạt động hiệu quả.

Hình 2.1: Sơ đồ use case của người xem

Hình 2.2: Sơ đồ use case của quản trị viên

Hình 2.3: Sơ đồ use case của biên tập viên

Hình 2.4: Sơ đồ use case của cộng tác viên

Sơ đồ chức năng kinh doanh, hay còn gọi là business function diagram (BFD), là công cụ quan trọng trong phân tích chức năng Nó giúp mô tả sự phân chia các chức năng lớn thành các chức năng nhỏ hơn trong hệ thống, từ đó hỗ trợ việc hiểu rõ hơn về cấu trúc và hoạt động của doanh nghiệp.

Hình 2.5: Sơ đồ BFD của hệ thống web tin tức

DANH SÁCH CÁC BẢNG VÀ QUAN HỆ

-Mô hình dữ liệu quan hệ:

Hình 2.6: Mô hình dữ liệu quan hệ

Thuộc tính kiểu dữ liệu cho bảng thể loại bao gồm cat_id, là mã thể loại kiểu Integer(11) với tính năng tự động tăng, không cho phép null và là khóa chính; cat_name, là tên thể loại kiểu Varchar(100); và cat_order, là thứ tự thể loại kiểu Integer.

Bài viết mô tả các thuộc tính của bảng dữ liệu truyện, bao gồm các trường như story_id (Mã truyện, tự động tăng, không null, khóa chính), name (Tên truyện, kiểu Varchar(100)), preview_text (Tóm tắt nội dung truyện, kiểu Text), detail_text (Chi tiết truyện, kiểu Text), picture (Hình ảnh của truyện, kiểu Varchar(50)), created_at (Ngày đăng tin, tự động lấy ngày giờ, kiểu timestamp), counter (Xác định số lần đọc truyện, kiểu Interger(11)), status (Trạng thái với hai giá trị: chờ kiểm duyệt và xuất bản, kiểu Enum), và cat_id (Mã loại truyện, khóa ngoại, kiểu Interger(11)).

Thuộc tính Kiểu dữ liệu Mô tả

The user table includes several key fields: `user_id`, an auto-incrementing integer that serves as the primary key and cannot be null; `email`, a varchar field limited to 100 characters for the user's email address; `fullname`, a varchar field for the user's full name, also capped at 100 characters; `password`, a varchar field for the login password, limited to 100 characters; `phone`, a varchar field for the user's phone number, and `address`, a varchar field for the user's address, both with a maximum length of 100 characters.

Birthday Varchar(100) Ngày sinh avatar Varchar(100) Ảnh đại điện của người dùng

Created_at timestamp Ngày đăng ký làm thành viên, tự động lấy ngày giờ role enum('1', '2','3') Phân quyền: 1(Quản trị viên), 2(Biên tập viên),

LẬP TRÌNH CƠ SỞ DỮ LIỆU MYSQL

Bảng dữ liệu liên hệ bao gồm các thuộc tính sau: contact_id là mã người liên hệ kiểu Integer(11), tự động tăng, không null và là khóa chính; name là tên người liên hệ với kiểu Varchar(200); email là địa chỉ email liên hệ với kiểu Varchar(100); website chứa thông tin website của người liên hệ với kiểu Varchar(100); và content là nội dung liên hệ với kiểu text.

Created_at timestamp Ngày liên hệ, tự động lấy ngày giờ

Cấp quyền cho người dùng: Đối với trang đọc truyện này chúng em có 3 quyền cho trang quản lý admin: Quản trị viên, biên tập viên, cộng tác viên.

Quản trị viên sở hữu toàn quyền quản lý, trong khi biên tập viên có khả năng thêm truyện ở chế độ “xuất bản”, sửa đổi và xóa truyện Còn cộng tác viên chỉ được phép thêm bài viết ở chế độ “Chờ kiểm duyệt”.

6 Lập trình cơ sở dữ liệu MYSQL

6.1 Kết nối CSDL mysql_connect(,,);

Host: địa chỉ của máy cài MySQL, tên hoặc IP nếu là máy nội bộ thì dùng localhost.

Hàm này trả về 1 connection hoặc giá trị false nếu không kết nối được.

$conn=mysdl_connect("localhost","root","root");

MySQL Server có thể chứa nhiêu CSDL, hàm sau để chọn CSDL muốn dùng. mysql_ select _db(TênDatabase [,TenKetNoi]);

TênDatabase: là tên cơ sở dữ liệu muốn dùng.

TênKếtNối: là biến connection trả về do hàm mysql_connect Tên kết nối có thể bỏ qua cũng được.

Ví dụ: mysql_select_ db(“webtintuc”,$conn); hoặc mysql select _db(“webtintuc”);

Dùng thêm lệnh sau để ân định bảng mã utf8: mysql_query(“SET NAMES ‘utf8’”, $conn);

6.3 Thực thi các câu truy vấn mysql_ query(CâuLệnhSQL);

Hàm trả về true nếu câu lệnh truy vấn thực thi thành công (trừ câu lệnh select).

Hàm trả về l recordset (bảng dữ liệu) nêu câu lệnh select được thực thi thành công.

Hàm trả về flase nêu câu lệnh truy vẫn không được thực hiện.

$rsLT = mysql_ query(“select * from loaitin”);

$result = mysql_query(“delete from loaitin where idLT=l”); /result sẽ true hoặc false Không gán result cũng được.

6.4 Duyệt recordset mysql_fetch_array($TenRecordSet, mode);

Hàm trả về 1 mảng kết quả chứa thông tin của record hiện hành hoặc giá trị false nếu record rỗng, đồng thời di chuyển con trỏ sang record kế.

Mode là một trong những giả trị:

MYSQL_NUM : mảng kết quả gồm các phân tử đánh theo số.

MYSQL_ASSOC: mảng kết quá gồm các phân tử đánh theo key.

MYSQL _BOTH: Các phân tử của mảng kết quả gấp đôi Các phân tử đầu theo số, các phân tử sau theo key.

$row = mysql_fetch_row($TenRecordSet);

Hàm trả về 1 mảng kết quả chứa thông tin của record hiện hành hoặc giá trị false nếu record rỗng, đồng thời di chuyển con trỏ sang record kế.

Mảng kết quả gồm các phân tử đánh theo chỉ số.

$row=mysql_fetch_assoc($TenRecordSet);

Hàm trả về l mảng kết quả chứa thông tin của record hiện hành hoặc giá trị false nếu record rỗng, đồng thời di chuyển con trỏ sang record kế.

Mảng kết quả gồm các phân tử đánh theo key.

6.5 Đếm số record trong recordset mysql_num_rows($TenRecoret); echo mysql_num_rows($kq);

6.6 Lấy ID vừa mới cập nhật

Trong 1 bảng, nếu khóa chính được khai báo theo kiểu auto_increament thì sau khi thêm mới record, có thể lấy giá trị vừa mới cập nhật bằng hàm này (Lấy đề đưa vào các bảng khác làm khóa ngoại). mysql_insert_id();

Ví dụ: Bảng LoaiTin hiện có 3 record có id là 1,2,3 mysql_query("insert into LoaiTin (Ten) values(Nhịp cầu tâm sự); echo mysql _insert_id(); // 4

6.7 Thông báo lỗi của MYSQL

$kq=mysql_query(“Delete from LaiTin”) or die(mysql_error());

6.8 Nhảy đến 1 record trong MYSQL mysql_data_seek($TenRecordset, ThuTuRecord);

XÂY DỰNG WEBSITE TIN TỨC

GIAO DIỆN NGƯỜI DÙNG

- Giao diện trang chủ (index.php):

Hình 3.2: giao diện trang chủ

Chú giải: 1 Thanh gồm: nút Home, Danh mục và Liện hệ

2 Hiển thị truyện mới nhất.

3 Hiển thị các danh mục

4 Hiển thị tất cả truyện.

5 Hiển thị các truyện có lượt đọc nhiều nhất.

Để tối ưu hóa giao diện người dùng, việc viết lại đường dẫn trang web trở nên ngắn gọn và hấp dẫn là rất quan trọng Đường dẫn thân thiện không chỉ giúp người dùng dễ hiểu và dễ nhớ, mà còn có tác động tích cực đến các công cụ tìm kiếm như Google và Bing.

Ví dụ như hình bên dưới (mũi tên đỏ):

- Giao diện trang chi tiết (detail.php):

Khi nhấn vào một truyện bất kì để đọc thì sẽ hiển thị chi tiết của truyện đó(Hình 3.4):

Hình 3.4 giao diện trang chi tiết truyện

Và còn một phần nửa trong trang chi tiết đó là truyện liên quan (Những tin có cùng chung danh mục)

Hình 3.5: Các truyện liên quan

- Giao diện trang danh mục (cat.php)

Khi click vào danh mục hệ thống sẽ hiển thị các truyện thuộc danh mục đó:

Hình 3.6: Các truyện thuộc danh mục

- Trang danh mục này gồm có đường dẫn thân thiện (in đỏ) và có chức năng phân trang.

- Giao diện trang liên hệ (contact.php)

-Nhập đầu đủ thông tin để liên hệ:

Hình 3.7: Giao diện trang liên hệ

Chú thích: 1 Số điện thoại người quản lý

3 Địa chỉ người quản lý,

4 Form điền thông tin người muốn liên hệ,

-Nếu nhâp đầy đủ và định dạng email đúng thì sẽ hiển thị thông báo (Hình 3.8):

Hình 3.8 Thông báo gửi liên hệ thành công

Giao diện đăng nhập (login.php) là bước đầu tiên để truy cập hệ thống, nơi người dùng cần nhập tên đăng nhập và mật khẩu Nếu thông tin tài khoản chính xác, hệ thống sẽ hiển thị giao diện các chức năng chính của quản trị viên Ngược lại, nếu thông tin sai, thông báo “Sai username hoặc password” sẽ xuất hiện, cho phép người dùng thử đăng nhập lại.

Hình 3.9: Lưu đồ sơ đồ đăng nhập

Chương trình đăng nhập dựa trên “Username” (Tên đăng nhập) và

Mật khẩu được cấp khi bạn tạo tài khoản, và sau khi nhận được tài khoản đăng nhập, người quản lý có quyền thay đổi mật khẩu để bảo mật thông tin cá nhân của mình.

Mật khẩu sẽ được mã hóa theo thuật MD5 MD5(Message - Digest algorithm 5) là một thuật toán mã hóa, theo chuẩn RFC 1321.

Các thao tác thực hiện:

Khi quản lý đăng nhập, cần nhập đúng tên người dùng và mật khẩu Mật khẩu sẽ được mã hóa thành các dấu “ ”, giúp bảo vệ thông tin cá nhân khỏi người khác Ngoài ra, mật khẩu cũng được mã hóa khi lưu trữ trong cơ sở dữ liệu, đảm bảo tính bảo mật tối ưu.

Hình 3.10: Giao diện đăng nhập

- Giao diện đăng kí (dangky.php)

Ngoài việc đăng nhập, người dùng có thể đăng ký tài khoản để trở thành thành viên của website Khi đã trở thành thành viên, người dùng mới có quyền truy cập vào trang web admin Để đăng ký, hãy nhấn vào nút SIGN UP.

Hình 3.11: Giao diện trang đăng kí

Người dùng cần cung cấp đầy đủ và chính xác thông tin theo yêu cầu của hệ thống Sau khi nhấn nút “Đăng Kí”, người dùng có thể đăng nhập bằng tài khoản vừa tạo Tài khoản sẽ được lưu trữ trong cơ sở dữ liệu sau khi đăng ký thành công.

Trong quá trình đăng ký và các chức năng như thêm, sửa, xóa hoặc cập nhật thông tin, cần thực hiện việc xác thực dữ liệu Điều này bao gồm yêu cầu người dùng nhập các thông tin bắt buộc để đảm bảo tính chính xác và đầy đủ của dữ liệu.

- Giao diện trang chủ admin (index.php)

Hình 3.12: Giao diện trang chủ admin

Để quản lý tài khoản hiệu quả, người dùng cần chú ý đến các chức năng như tên tài khoản đăng nhập, cập nhật thông tin cá nhân, và đăng xuất tài khoản Ngoài ra, việc quản lý danh mục, truyện, thành viên, và liên hệ cũng rất quan trọng Đặc biệt, menu hiển thị chức năng quản lý admin giúp người dùng dễ dàng điều hướng và sử dụng các tính năng một cách thuận tiện.

- Giao diện trang xem danh mục, chức năng chỉnh sửa thông tin, thêm danh mục và xóa danh mục

Khi nhấn vào Quản lý danh mục sẽ hiện ra các dạnh mục từng loại của truyện.

Hình 3.13: Giao diện trang danh mục

Khi người dùng muốn thêm danh mục thì nhấn vào (1) và điền theo yêu cầu và khi thêm thành công sẽ in ra câu thông báo cho người dùng.

Sau đó người dùng muốn chỉnh sửa thông tin thì nhấn vào (2) (Hình 3.13)

Và ứng với những thông tin cần sửa thì sẽ hiện thị ra dữ liệu cũ để người sửa có thể dễ dàng trong việc sửa.

Hình 3.14 giao diện sửa danh mục

Sau khi sửa xong thì nhấn nút “Cập nhật” để sửa thành công và in ra thông báo cho người dùng.

Khi người dùng muốn xóa danh mục thì nhấn vào (3) Sẽ hiện thông báo hỏi bạn có chắc chắn muốn xóa nó hay không (Hình 3.16)

Hình 3.16 giao diện xóa danh mục

Để tải lại trang, bạn chỉ cần nhấn vào biểu tượng (4) Trong chức năng danh mục và các chức năng khác, hầu hết các trang đều tích hợp thanh tìm kiếm, giúp người dùng dễ dàng tìm kiếm tên danh mục một cách nhanh chóng.

- Khi có kết quản tìm kiếm sẽ hiển thị như sau:

Hình 3.17 giao diện tìm kiếm danh mục

- Khi không tìm thấy kết quả tìm kiếm thì sẽ in ra câu thông báo:

Hình 3.18 giao diện tìm kiếm danh mục

Chúng tôi đã triển khai chức năng phân trang cho các trang có nhiều dòng, giúp người dùng dễ dàng điều hướng Phân trang là một tính năng phổ biến, được minh họa trong hình 3.13.

Trong phần "thêm danh mục" và "sửa danh mục", chức năng kiểm tra sự phù hợp của dữ liệu là rất quan trọng Người dùng bắt buộc phải nhập "Tên danh mục" Nếu không nhập dữ liệu này, Validator sẽ kiểm tra tính hợp lệ của dữ liệu và thông báo cho người dùng nhập thông tin cần thiết.

- Giao diện trang truyện, chức năng chỉnh sửa thông tin, thêm truyện và xóa truyện

Khi nhấn vào Quản lý truyện thì sẽ đổ ra các truyện như hình minh họa bên dưới:

Hình 3.20: Giao diện trang danh sách tin tức

Khi người dùng muốn thêm truyện thì nhấn vào (1).

Hình 3.21 giao diện thêm truyện

Phần này có thêm trang view để xem toàn bộ thông tin truyện, dùng ajax

Hình 3.22 view xem tất cả thông tin truyện

Sau đó người dùng muốn chỉnh sửa thông tin thì nhấn vào (3).

Hình 3.23: Giao diện trang cập nhật truyện

Sau khi sửa xong thì nhấn nút “Cập nhật” để sửa thành công.

Khi người dùng muốn xóa truyện thì nhấn vào (4) Sẽ hiện thông báo hỏi bạn có chắc chắn muốn xóa nó hay không (Hình 3.24)

Hình 3.24 giao diện xóa truyện

Để tải lại trang, bạn chỉ cần nhấn vào nút (5) như hiển thị trong hình 3.20 Đặc biệt, trong chức năng truyện và các chức năng khác, hầu hết các trang đều tích hợp thanh tìm kiếm, giúp người dùng dễ dàng và nhanh chóng tìm kiếm thông tin cần thiết.

-Dưới đây là giao diện khi tìm thấy dữ liệu được người dùng tìm kiếm

Hình 3.25 giao diện tìm kiếm truyện

-Khi không tìm thấy sẽ in ra câu thông báo:

Hình 3.26 giao diện tìm kiếm truyện

Trang web hỗ trợ chức năng phân trang cho các trang có nhiều dòng, giúp người dùng dễ dàng điều hướng Trong phần 'thêm truyện' và 'sửa truyện', hệ thống kiểm tra tính hợp lệ của dữ liệu đầu vào Các trường bắt buộc như 'Tên truyện', 'Danh mục truyện', và 'mô tả tiêu đề' cần phải được điền đầy đủ, cùng với yêu cầu định dạng ảnh là jpg, png, jpeg, hoặc gif Nếu người dùng bỏ qua các thông tin này, Validator sẽ thông báo để họ nhập lại dữ liệu cho đúng.

- Giao diện trang xem thành viên, chức năng chỉnh sửa thông tin, thêm thành viên và xóa thành viên

Khi nhấn vào chức năng người dùng sẽ hiển thị ra những người dang dùng tài khoản này (người quản lý):

Hình 3.27: Giao diện trang danh sách thành viên

Khi người dùng muốn thêm thành viên thì nhấn vào (2).

Hình 3.28 giao diện thêm thành viên

Phần này có thêm trang view để xem toàn bộ thông tin người dùng, dùng ajax (2) (Hình 3.29):

Hình 3.29 giao diện xem thông tin user

Sau đó người dùng muốn chỉnh sửa thông tin thì nhấn vào (3).ở đây, hệ thống không cho phép sửa email.

Hình 3.30: Giao diện trang cập nhật thành viên

Sau khi sửa xong thì nhấn nút “Cập nhật” để sửa thành công.

Khi người dùng muốn xóa thành viên thì nhấn vào (4) Sẽ hiện thông báo hỏi bạn có chắc chắn muốn xóa nó hay không (Hình 3.31)

Hình 3.31 giao diện xóa thành viên Muốn load lại trang thì nhấn vào (5) (Hình 3.27)

Trong trang thành viên này có thanh tìm kiếm, giúp người dùng có thể tìm kiếm nhanh hơn (6).

- Khi hệ thống tìm thấy kết quản tìm kiếm thi hệ thống sẽ thông báo:

Hình 3.32 giao diện tìm kiếm thành viên

- Khi hệ thống không tìm thấy kết quả:

Hình 3.33 giao diện tìm kiếm thành viên

Cuối cùng là phân trang (7) (Hình 3.27)

Trong phần "thêm thành viên" và "sửa thành viên", chức năng kiểm tra tính hợp lệ của dữ liệu được thực hiện Các trường "Email" và "Password" là bắt buộc, với yêu cầu định dạng email chính xác và mật khẩu tối thiểu 6 ký tự Đối với việc sửa thành viên, trường "confirm_password" phải trùng khớp với mật khẩu đã nhập Nếu người dùng không cung cấp dữ liệu đúng yêu cầu, Validator sẽ kiểm tra và thông báo cho người dùng nhập lại thông tin.

- Giao diện trang xem liên hệ, và xóa liên hệ

Hình 3.34: Giao diện trang liên hệ

Khi nhấn vào Quản lý liên hệ sẽ hiện ra các liên hệ (Hình 3.34)

Khi người dùng muốn xóa liên hệ thì nhấn vào (1) Sẽ hiện thông báo hỏi bạn có chắc chắn muốn xóa nó hay không (Hình 3.35)

Hình 3.35: Giao diện xóa liên hệ

Muốn load lại trang thì nhấn vào (2) (Hình 3.34)

Trong trang liên hệ này có thanh tìm kiếm, giúp người dùng có thể tìm kiếm nhanh hơn (3) (Hình 3.34)

-khi hệ thống tìm thấy kết quả tìm kiếm:

Hình 3.36: Giao diện trang tìm kiếm liên hệ

-Khi hệ thống không tìm thấy kết quả tìm kiếm:

Hình 3.37: Giao diện trang tìm kiếm liên hệ

Cuối cùng là phân trang: (4) (Hình 3.34)

- Giao diện cập nhật tài khoản

Sau khi đăng nhập thành công vào hệ thống, người dùng có thể thay đổi thông tin và mật khẩu bằng cách nhấn vào mục Cập nhật tài khoản Tuy nhiên, hệ thống không cho phép cập nhật địa chỉ email.

Hình 3.38 giao diện cập nhật tài khoản