Báo cáo bài tập lớn mônthiết kế web Đề tài quản lý thư viện

Sơ lược về hệ thống - Hiện nay, nhu cầu tìm kiếm thông tin và tài liệu trong học tập,nghiên cứu cũng như giải trí ngày càng tăng.. Nghiệp vụ của hệ thống Giới thiệu bài toán - Nhóm chúng

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI

-

 -BÁO CÁO BÀI TẬP LỚN MÔN:THIẾT KẾ WEB

ĐỀ TÀI : QUẢN LÝ THƯ VIỆN

SINH VIÊN THỰC HIỆN : PHẠM XUÂN BÌNH - 231230721

Mục Lục

1 Sơ lược về hệ thống 2

2 Nghiệp vụ của hệ thống (Giới thiệu bài toán) 2

3 Mục đích yêu cầu 2

4 Phân công công việc 3

Phần 2: Khảo sát phân tích 3 1 Tìm hiểu các website có cùng chủ đề 3

2 Các đối tượng sử dụng 4

3 Các chức năng cơ bản cho từng đối tượng 4

Phần 3: Thiết kế và nội dung giao diện 6 -Thiết kế: 6

-Giao diện : 14

2

Phần 1: Giới thiệu đề tài

1 Sơ lược về hệ thống

- Hiện nay, nhu cầu tìm kiếm thông tin và tài liệu trong học tập,nghiên cứu cũng như giải trí ngày càng tăng Thư viện, với vai trò là mộttrung tâm tài nguyên phong phú, cung cấp sách, tài liệu học thuật và số tàinguyên, đã trở thành một phần không thể thiếu Do đó, một hệ thống quản

lý thư viện trực tuyến giúp người dùng dễ dàng tra cứu và tiếp cận các tàiliệu từ xa là vô cùng cần thiết

2 Nghiệp vụ của hệ thống (Giới thiệu bài toán)

- Nhóm chúng tôi đã xây đựng một thư viện quản lý trang web, cungcấp đa dạng tài liệu như sách khoa học, tạp chí, tài liệu tham khảo, sáchđiện tử và các tài liệu khác

3 Mục đích yêu cầu

- Xây dựng một trang web quản lý thư viện hiện đại, dễ sử dụng

- Trang web có giao diện thân thiện, thu hút người dùng

- Cung cấp tính năng đăng nhập, đăng nhập tài khoản cho người dùng

- Hỗ trợ tương tác khi người dùng chọn tài liệu cần mượn hoặc tìmkiếm thông tin

3

- Cung cấp thông tin chi tiết, rõ ràng về các tài liệu trong thư viện, baogồm mô tả ngắn gọn, thể loại, tác giả, năm xuất bản và trạng thái sẵn cócủa tài liệu.

4 Phân công công việc

- Phạm Xuân Bình : Làm Main Page, About Page, thêm Animation,Responsive

- Phạm Thái Bình : Làm Authors Page, làm báo cáo, sưu tầm ảnh

- Doãn Đức Toàn : Làm Contact Page, thêm Responsive

- Nguyễn Minh Hiếu : Làm Books Page, làm báo cáo

- Lò Văn Trình : Làm form Sign In, làm báo cáo, sưu tầm ảnh

Phần 2: Khảo sát phân tích

1 Tìm hiểu các website có cùng chủ đề

- Các trang web nổi bật về quản lý thư viện và tài liệu số, như:

overdrive.com, worldcat.org, và gutenberg.org Trang này cung cấp

đa dạng tài liệu và các chức năng tìm kiếm, mượn tài liệu trực tuyến vàtruy cập thư viện số

4

2 Các đối tượng sử dụng

- Các đối tượng chính để xây dựng trang web quản lý thư viện baogồm: trang chủ, trang con, banner giới thiệu sách nổi, thông tin sách và tàiliệu và công cụ tìm kiếm tài liệu

3 Các chức năng cơ bản cho từng đối tượng

*Các chức năng cơ bản cho từng đối tượng:

+ Trang chủ : Là giao diện chính của trang web, hiển thị các tài liệu,

sách và bài viết nổi bật Trang chủ có các mục giới thiệu tài liệu mới, đượcsắp xếp vào các danh mục riêng biệt như sách, tạp chí, nghiên cứu tài liệu.Tài liệu nổi bật sẽ được hiển thị ở đầu trang với hình ảnh và mô tả ngắngọn

+ Nav bar: Bao gồm các mục như: logo thư viện, trang chủ, danh

mục tài liệu, tài liệu mới, tài liệu nổi bật, tin tức thư viện và đăngnhập/đăng ký tài khoản

+ Danh mục tài liệu : Bao gồm các tài liệu trong và ngoài nước với đa

dạng chủ đề, giúp người dùng dễ dàng tìm thấy và xem thông tin về tài liệutheo nhu cầu, như sách, tạp chí hoặc tài liệu học thuật

+ Thông tin tài liệu chi tiết : Cung cấp chi tiết về từng tài liệu, bao

gồm mô tả, tác giả, năm xuất bản, thể loại, số lượng bản có sẵn và tìnhtrạng mượn

+ Tin tức và sự kiện : Nơi cập nhật các tin tức mới nhất về thư viện

và các sự kiện đặc biệt, hội thảo và các ưu đãi dành cho người dùng

5

+ Footer : Bao gồm các thông tin như: thư viện chính, thông tin liên

hệ, hướng dẫn người dùng

6

Phần 3: Thiết kế và nội dung giao diện.

-Thiết kế:

* Main Page :

7

* Other Page :

8

10

*Đăng nhập/ Đăng ký

12

- Giao diện :

*Main Page:

14

*Other Page:

15

*Đăng nhập, đăng ký :

19

*Sơ đồ site map:

20

Phần 4: Triển khai

- Chúng tôi đã sử dụng phần mềm visual studio code để đưa ra các tệp

HTML/CSS/JS của đề tài “Quản Lý thư Viện”

- Một số thẻ và thuộc tính đặc biệt được sử dụng trong website

o Validate form bằng javascript: sử dụng so sánh if else và các

hàm check form kí tự hợp lệ

23

Phần 5: Kiểm thử

Trang quản lý thư viện

- Kiểm tra logo hiển thị và tiêu đề trên thư viện quản lý trang

+Mô tả : Kiểm tra xem logo và tiêu đề của thư viện quản lý trang

có hiển thị vị trí chính xác không

+Kết quả mong đợi : Logo và tiêu đề hiển thị kích thước, vị trí

chính xác, không hiển thị lỗi

- Kiểm tra các nút điều hướng (Dashboard, Quản lý sách, Quản lýngười dùng, Thống kê)

+Mô tả : Kiểm tra xem các nút điều chỉnh có hoạt động chính xác

và dẫn đến các trang tương ứng không

+Kết quả được mong đợi : Các nút điều chỉnh hoạt động chính

xác, dẫn đến các trang tương ứng mà không gây lỗi

- Kiểm tra tính tương thích trên các thiết bị

+Mô tả : Kiểm tra thư viện quản lý xem trang có hiển thị chính

xác trên các thiết bị di động, bảng máy tính và máy tính không

+Kết quả mong đợi : Trang quản lý hiển thị chính xác trên tất cả

các loại thiết bị và không có lỗi về giao diện

Quản lý sách

24

- Kiểm tra các chức năng bổ sung mới của danh sách

+Mô tả : Người quản lý có thể thêm danh sách mới vào hệ thống

bằng cách nhập đầy đủ thông tin như tên sách, tác giả, năm xuấtbản, có thể loại bỏ

+Kết quả được mong đợi : Sách mới được thêm vào thành công,

hiển thị đúng trong danh sách hiện có

- Kiểm tra danh sách tìm kiếm chức năng

+Mô tả : Người quản lý có thể tìm kiếm danh sách theo tên, tác

giả hoặc loại

+Kết quả được mong đợi : Kết quả tìm kiếm hiển thị chính xác

các tiêu chí tìm kiếm trong sách, không có lỗi

-Kiểm tra cập nhật thông tin chức năng

+Mô tả : Người quản lý có thể sửa đổi thông tin của danh sách có

sẵn trong hệ thống

+Kết quả được mong đợi : Thông tin được cập nhật thành công và

hiển thị chính xác sau khi cập nhật

- Kiểm tra chức năng xóa danh sách

+Mô tả : Người quản lý có thể xóa danh sách khỏi hệ thống.

25

+Kết quả mong đợi : Sách đã bị xóa thành công, không còn xuất

hiện trong danh sách hiện có

26

Kết Luận

1 Kết quả đạt được:

Dự án website quản lý thư viện đã hoàn thành với các chức năngchính như tìm kiếm sách, quản lý thông tin sách và người dùng.Website có giao diện thân thiện, dễ sử dụng, giúp tối ưu hóa quytrình quản lý và hỗ trợ người dùng truy cập thông tin nhanh chóng

2 Hướng phát triển:

Qua quá trình thiết kế và phát triển website quản lý thư viện,

chúng ta đã hiểu rõ hơn về việc ứng dụng các công nghệ web để

hỗ trợ quản lý thông tin Website không chỉ giúp đơn giản hóa việc tra cứu và quản lý sách, mà còn nâng cao trải nghiệm người dùng, tiết kiệm thời gian và công sức cho cả nhân viên thư viện

và người dùng Dự án này đã cung cấp nền tảng vững chắc cho việc phát triển các hệ thống quản lý trực tuyến phức tạp trong tương lai

27