Đồ án tốt nghiệp CNTT: Xây dựng website quản lý thư viện bằng PHP - Trần Hải Đăng

Khóa luận tốt nghiệp CNTT xây dựng website quản lý thư viện trường học bằng PHP. Gồm phân tích, thiết kế hệ thống, Usecase và giao diện chi tiết.

• Tác giả: Trần Hải Đăng
• Người hướng dẫn: ThS. Bùi Thị Hương
• Trường học: Trường Đại học Hải Phòng
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Tìm hiểu về ngôn ngữ PHP và xây dựng website quản lý thư viện trường học
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2024
• Địa điểm: Hải Phòng

Tóm tắt

I. Giới thiệu về Website Quản lý Thư viện Trường học

Website quản lý thư viện trường học bằng PHP là một giải pháp công nghệ thông tin hiện đại nhằm tối ưu hóa quy trình quản lý sách, độc giả và các hoạt động liên quan trong thư viện. Đề tài này được thực hiện tại Trường Đại học Hải Phòng, Khoa Công Nghệ Thông Tin, dưới sự hướng dẫn của Thạc sĩ Bùi Thị Hương. Hệ thống được thiết kế để giải quyết những thách thức trong quản lý thư viện truyền thống, cung cấp một nền tảng kỹ thuật vững chắc sử dụng PHP, một ngôn ngữ lập trình web phổ biến và hiệu quả. Ứng dụng này cho phép thư viện quản lý tài nguyên một cách khoa học, nâng cao chất lượng dịch vụ và cải thiện trải nghiệm người dùng.

1.1. Mục đích xây dựng hệ thống

Mục đích chính của website quản lý thư viện là cung cấp một công cụ quản lý tập trung, giúp thư viện trường học tự động hóa các quy trình quản lý sách, theo dõi mượn trả, quản lý độc giả và xử lý các phiếu phạt. Hệ thống này giúp tiết kiệm thời gian, giảm sai sót con người và tăng hiệu suất hoạt động của thư viện.

1.2. Tầm quan trọng của PHP trong phát triển

PHP là ngôn ngữ lập trình phía máy chủ được lựa chọn vì khả năng tương thích cao, bảo mật tốt và dễ triển khai trên các máy chủ web. Nó cho phép xây dựng ứng dụng web động, xử lý cơ sở dữ liệu hiệu quả và tích hợp các tính năng phức tạp như quản lý phiếu mượn trả, phiếu phạt và phiếu nhập sách.

II. Tính năng và Công cụ Phát triển

Website quản lý thư viện bằng PHP được thiết kế với nhiều tính năng đa dạng để đáp ứng nhu cầu quản lý toàn diện của thư viện trường học. Hệ thống bao gồm các module quan trọng như quản lý thủ thư, quản lý độc giả, quản lý sách, phiếu mượn trả, phiếu phạt, phiếu nhập và phiếu thanh lý. Ngoài ra, ứng dụng còn hỗ trợ tính năng tra cứu sách giúp độc giả dễ dàng tìm kiếm thông tin tài liệu. Các công cụ phát triển được sử dụng bao gồm PHP, HTML, CSS, cơ sở dữ liệu MySQL, kết hợp với thiết kế responsive để đảm bảo ứng dụng hoạt động tốt trên mọi thiết bị.

2.1. Các tính năng chính của hệ thống

Hệ thống quản lý thư viện cung cấp các tính năng như quản lý sách chi tiết, lập và cập nhật phiếu mượn trả, tính phí phạt tự động cho quá hạn, quản lý danh sách độc giả, cấp phiếu nhập và phiếu thanh lý sách. Mỗi tính năng được thiết kế để giúp nhân viên thủ thư làm việc hiệu quả và dễ dàng.

2.2. Công nghệ và nền tảng sử dụng

PHP, MySQL, HTML5 và CSS3 là những công nghệ cơ bản được áp dụng để xây dựng ứng dụng. Thiết kế responsive web đảm bảo giao diện thích ứng với các thiết bị khác nhau như máy tính, máy tính bảng và điện thoại di động, cung cấp trải nghiệm người dùng tối ưu nhất.

III. Phân tích và Thiết kế Hệ thống

Phân tích và thiết kế hệ thống là bước quan trọng trong phát triển website quản lý thư viện trường học. Quá trình này bao gồm xác định các use case như quản lý thủ thư, quản lý độc giả, quản lý phiếu mượn trả, quản lý sách và tra cứu sách. Mỗi use case được mô tả chi tiết qua các sơ đồ và luồng tuần tự, giúp hiểu rõ các tương tác giữa các thành phần hệ thống. Thiết kế lược đồ quan hệ cơ sở dữ liệu được xây dựng để đảm bảo tính nhất quán, toàn vẹn dữ liệu và hiệu suất truy vấn cao. Phân tích chi tiết các loại phiếu như phiếu mượn trả, phiếu phạt, phiếu nhập và phiếu thanh lý giúp cài đặt chính xác các nghiệp vụ.

3.1. Mô hình Use Case

Sơ đồ Use Case tổng quát bao gồm 8 use case chính: quản lý thủ thư, quản lý độc giả, quản lý phiếu mượn trả, quản lý sách, quản lý phiếu phạt, quản lý phiếu nhập, quản lý phiếu thanh lý và tra cứu sách. Mỗi use case xác định các tác nhân (actor) và các tương tác giữa hệ thống và người dùng.

3.2. Lược đồ quan hệ cơ sở dữ liệu

Lược đồ quan hệ được thiết kế với các bảng chính như Thủ thư, Độc giả, Sách, Phiếu mượn trả, Phiếu phạt, Phiếu nhập và Phiếu thanh lý. Các quan hệ giữa các bảng đảm bảo tính toàn vẹn referential và hỗ trợ các truy vấn phức tạp để thống kê, báo cáo và quản lý hiệu quả.

IV. Giao diện và Trải nghiệm Người dùng

Giao diện website quản lý thư viện được thiết kế thân thiện, dễ sử dụng với layout rõ ràng và điều hướng trực quan. Trang chủ cung cấp các menu chính để truy cập các chức năng như quản lý sách, quản lý phiếu mượn trả, quản lý độc giả, quản lý phiếu phạt, quản lý thủ thư và tra cứu sách. Mỗi trang chức năng được tối ưu hóa để hiển thị thông tin một cách rõ ràng, hỗ trợ tìm kiếm và lọc dữ liệu. Thiết kế responsive đảm bảo giao diện hiển thị đẹp trên các màn hình có kích thước khác nhau. Các biểu mẫu nhập liệu được thiết kế với xác thực dữ liệu để đảm bảo tính chính xác thông tin, cải thiện trải nghiệm người dùng tổng thể.

4.1. Trang chủ và điều hướng chính

Trang chủ của hệ thống quản lý thư viện bao gồm các phần chính: menu điều hướng, thanh tìm kiếm nhanh và các widget hiển thị thông tin tóm tắt. Người dùng có thể dễ dàng truy cập các chức năng quản lý chính thông qua menu rõ ràng, hỗ trợ quyền hạn dựa trên vai trò (thủ thư, quản trị viên).

4.2. Các giao diện chức năng quan trọng

Giao diện quản lý sách hiển thị danh sách sách chi tiết với các tùy chọn thêm, sửa, xóa. Trang quản lý phiếu mượn trả cho phép cấp và cập nhật phiếu, trang quản lý phiếu phạt tính phí tự động. Giao diện responsive đảm bảo các chức năng này hoạt động tốt trên mọi thiết bị, cung cấp trải nghiệm người dùng nhất quán.

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

CHƯƠNG 1: KIẾN THỨC CƠ SỞ 1.1 Giới thiệu chung 1.1 Mục đích xây dựng website Thiết kế một website giới thiệu thư viện trường học bảo đảm tính tiện dụng đối với cả người sử dụng và người quản trị. Nội dung và cách trình bày của website đơn giản, rõ ràng, dễ nhìn. Xây dựng website về thư viện trường học nhằm cung cấp các thông tin hoạt động của thư viện nhà trường, hoạt động của độc giả, thủ thư một cách nhanh nhất, để phía nhà trường có thể dễ dàng quản lý được thư viện 1.2 Tính năng kỹ thuật. Website được thiết kế theo hướng mở, cho phép nâng cấp và cập nhật thêm các tính năng sử dụng mới trong tương lai khi có phát sinh nhu cầu.

Hỗ trợ sử dụng tiếng Việt theo chuẩn Unicode. Tương thích với các trình duyệt Internet như Google Chrome, Mozilla Firefox và Internet Explorer,Cốc cốc… Ứng dụng các công nghệ phát triển website tiên tiến nhất, đống thời sử dụng các phần mềm thông dụng như Dreamweaver, Photoshop… để mang đến cho website một dáng vẻ sống động và hiện đại cho giao diện website. Website tương thích và chạy trên các loại Server chuẩn của Window.3 Công cụ phát triển. Adobe Photoshop CS6, HTML, CSS, PHP.

Ngôn ngữ thiết kế web. HTML (HyperText Markup Language) còn được gọi là ngôn ngữ đánh dấu siêu văn bản, được tạo ra nhằm cấu trúc lên một trang web với các mẫu thông tin được trình bày trên World Wide Web. Do Tim Berner Lee phát minh và được W3C (Word Wide Web Consortium) đưa thành chuẩn năm 1994.1: Minh họa html Một trang web được bắt đầu bằng thẻ mở <html> và kết thúc bằng thẻ đóng </html>. Trong đó bao gồm 2 nội dung chính là thông tin header được khai báo trong cặp thẻ <head></head>, nội dung trang web được khai báo trong cặp thẻ <body></body> Nội dung đặt trong cặp thẻ <head></head> bao gồm: • Tiêu đề trang web (title) • Phần mô tả trang web (description) • Tên tác giả(author) • Từ khóa liên quan đến nội dung trang web… Nội dung đặt trong cặp thẻ <body></body> được hiển thị trên trang web, bao gồm các cặp thẻ như <p></p>, <div></div>, <table></table>, <span></span>, <h1></h1>, <h2></h2>, <a></a>, <from></from>… 1.

Website được cấu tạo từ các thẻ html nhưng với những thẻ html thì mới chỉ thể hiện được bộ khung của website. Để căn chỉnh, trình bày cho đẹp mắt thì ta cần sử dụng ngôn ngữ CSS. Đây là ngôn ngữ được dùng rất nhiều trong lập trình web, thường đi cùng với ngôn ngữ Html. Chúng ta có 3 cách để chèn CSS vào trang HTML 3 • Chèn nội dung CSS vào cặp thẻ <style></style> trong phần <head></head> của trang web.

• Chèn trực tiếp vào bên trong thẻ HTML • Liên kết với một file.css bên ngoài. Trong thực tế, cách thứ 3 được các lập trình viên sử dụng nhiều nhất do tính tiện dụng và linh hoạt. PHP (Hypertext Preprocessor) là ngôn ngữ lập trình chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, dễ dàng nhúng vào trang HTML. Đây là ngôn ngữ lập trình web phổ biến nhất thế giới, do tính mở nên dễ tiếp cận với lập trình viên.

Hiện nay 1/3 số website trên thế giới được viết bằng PHP, các nền tảng lớn như WordPress, Facebook, Yahoo đều được phát triển bằng PHP. PHP chỉ phân tích các đoạn mã nằm trong những dấu giới hạn của nó các mã nằm ngoài sẽ không được xử lý. Các dấu thường được dùng tương ứng với mở và đóng. Ví dụ ứng dụng đầu tiên "Hello World": Hình 1.2: Minh họa PHP Thẻ mở ” <?php” và thẻ đóng “?>” sẽ đánh dấu sự bắt đầu và kết thúc của phần mã PHP, qua đó máy chủ biết để xử lý và dịch mã cho đúng.

Đây là một điểm khá tiện lợi của PHP giúp cho việc mã PHP trở nên khá trực quan và dễ dàng trong việc xây dựng phần mềm giao diện ứng dụng web. 4 PHP có thể làm gì? - Tạo ra nội dung trang năng động. - Tạo ra, mở, đọc, viết, xóa, và đóng tập tin trên máy chủ. - Thu thập dữ liệu mẫu.

- Gửi và nhận các tập tin cookie. - Thêm, xóa, sửa đổi dữ liệu trong cơ sở dữ liệu của bạn. - Sử dụng để kiểm soát truy cập người dùng. Tại sao nên sử dụng ngôn ngữ PHP? - PHP chạy trên các nền tảng khác nhau (Windows, Linux, Unix, Mac OS X, vv).

- PHP tương thích với hầu như tất cả các máy chủ sử dụng ngày nay (Apache, IIS, vv). - PHP hỗ trợ một loạt các cơ sở dữ liệu. - PHP là miễn phí. Tải về nó từ nguồn PHP chính thức: www.

- PHP là dễ dàng để tìm hiểu và chạy hiệu quả ở phía máy chủ. Những điểm mạnh của ngôn ngữ PHP. PHP hoạt động với tốc độ rất nhanh và hiệu quả. Một server bình thường có thể đáp ứng được hàng triệu truy cập / ngày.

PHP hỗ trợ kết nối đến hàng triệu hệ quản trị cơ sở dữ liệu khác nhau. PHP cung cấp một hệ thống dữ liệu phong phú. Do từ đầu, PHP được xây dựng để xây dựng và phát triển các ứng dụng trên web nên nó cung cấp rất nhiều hàm xây dựng sẵn giúp dễ dàng thực hiện các công việc như: Gửi, nhận mail, làm việc với Cookie… PHP là ngôn ngữ đơn giản, dễ sử dụng cho nhiều người mới bắt đầu nhập môn lập trình web. 5 PHP có thể sử dụng được trên nhiều hệ điều hành.

Thậm chí, các lập trình viên có thể đem mã PHP này chạy trên các hệ điều hành khác mà không phải sửa đổi lại mã. PHP sử dụng mã nguồn mở, mang lại sự linh hoạt cho các lập trình viên trong quá trình chỉnh sửa, sáng tạo riêng của mình. Một lợi thế rất lớn của ngôn ngữ PHP là tính cộng đồng. PHP được phát triển và tối ưu liên tục từ các nhà phát triển trên toàn thế giới khiến cho nó vô cùng thân thiện với mọi người và ngày càng hoàn thiện hơn.

Phù hợp cho các doanh nghiệp vừa và nhỏ. PHP hoạt động như thế nào? Khi người sử dụng gọi trang PHP, Web Server sẽ triệu gọi PHP Engine để thông dịch dịch trang PHP và trả kết quả cho người dùng như hình bên dưới.3: Quy trình hoạt động của PHP 6 1. MySQL là hệ thống quản trị cơ sở dữ liệu tự do mã nguồn phổ biến nhất thế giới được các nhà phát triển rất ưa chuộng để phát triển các ứng dụng. MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh.

Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập cơ sở dữ liệu trên Internet và thường đi với PHP. Bootstrap 3 là gì? Bootstrap là Front-end framework, là một bộ sưu tập miễn phí các công cụ để tạo ra các trang web và các ứng dụng web. Nó chứa HTML và CSS dựa trên các mẫu thiết kế cho kiểu chữ, hình thức, các nút, chuyển hướng và các thành phần giao diện khác, cũng như mở rộng JavaScript tùy chọn. Trang chủ Boostrap: http://getbootstrap.com Ưu điểm của Bootstrap: 1.

Tiết kiệm thời gian: – Boostrap giúp người thiết kế giao diện website tiết kiệm rất nhiều thời gian. Các thư viện Bootstrap có những đoạn mã sẵn sàng cho bạn áp dùng vào website của mình. Bạn không phải tốn quá nhiều thời gian để tự viết code cho giao diện của mình. Tùy biến cao: – Bạn hoàn toàn có thể dựa vào Bootstrap và phát triển nền tảng giao diện của chính mình.

Bootstrap cung cấp cho bạn hệ thống Grid System mặc định bao gồm 12 cột và độ rộng 940px. Bạn có thể thay đổi, nâng cấp và phát triển dựa trên nền tảng này. Responsive Web Design: – Với Bootstrap, việc phát triển giao diện website để phù hợp với đa thiết bị trở nên dễ dàng hơn bao giờ hết. Đây là xu hướng phát triển giao diện website đang rất được ưu chuộng trên thế giới.

Thiết kế website chạy trên đa thiết bị (responsive web). Khái niệm và cách sử dụng về Responsive trong thiết kế web. Thiết kế web responsive là một khái niệm khuyến cáo những người thiết kế và người phát triển phải đáp ứng và thích nghi được với môi trường của người dùng về kích thước màn hình, platform, trạng thái xoay hay đứng. Responsive web design không phải là ý tưởng hoàn toàn mới, nó kế thừa và tương tự như responsive architecture, trang web khi được thiết kế phải có khả năng tự động điều chỉnh để thích nghi với nhiều nhóm người sử dụng khác nhau.

Hiển nhiên một điều chúng ta không thể dùng một cảm biến hoặc một chip thông minh như cách mà người ta làm khi xây dựng cửa tự động hay hệ thống nhà thông minh. Chúng ta phải nhìn nhận nó một cách khá trừu tượng. Hiện tại, một vài ý tượng đã được sử dụng: fluid layout, media queries và script có thể định dạng lại trang web và mark-up khá tốt. Bạn cũng nên nhớ rằng responsive web design không chỉ là việc tùy chỉnh cho phù hợp với kích thước màn hình và resize lại hình ảnh, nó mở ra một cách nghĩ hoàn toàn mới về thiết kế.

Chúng ta sẽ lượt qua những ý tưởng đã được sử dụng và những ý tưởng đang còn nằm trên bàn giấy. Độ phân giải màn hình. Càng nhiều thiết bị, càng nhiều độ phân giải khác nhau, sự phổ biến của những thiết bị như iPhone, iPad và các smartphone có thể chuyển từ dạng xem ngang và đứng một cách nhanh chóng.4: Độ phân giải mà hình các thiết bị Thêm nữa khi thiết kế cho cả màn hình nằm ngang và màn hình đứng, chúng ta phải tính đến hàng trăm kích thước màn hình khác nhau. Ta có thể nhóm một số kích thước lại với nhau và thiết kế cho từng nhóm một, và thiết kế riêng cho từng nhóm này nếu cần thiết.

Bên cạnh đó bạn cũng phải biết rằng khá nhiều người dùng không bao giờ maximize trình duyệt của mình.5: Độ phân giải mà hình các thiết bị Layout linh hoạt. Một vài năm trước, khi flexible layout còn là thứ gì đó xa xỉ đối với website. Thứ duy nhất flexible trong thiết kế là số lượng cột và text. Ảnh có thể dễ dàng làm “vỡ” cấu trúc website.

Việc thiết kế trên một khoảng kích thước 9 tính bằng pixel khiến người thiết kế lúng túng khi trang web chuyển giữa các kích thước khung hình khác nhau.6: sự linh hoạt về độ phân giải trên các thiết bị khác nhau Hình ảnh cần phải được tự động điều chỉnh và không được phép làm vỡ cấu trúc website, vì ta không làm một sản phẩm in ấn.