Xây dựng hệ thống quản lý thư viện BUILDING THE LIBRARY MANAGEMENT SYSTEM

Đề tài khóa luận “Xây dựng hệ thống quản lý thư viện” là một đề tài hướng việc phát triển phần mềm quản ký. Sau quá trình tìm hiểu, em đã lên kế hoạch để thực hiện đề tài như sau:  Tìm hiểu quy trình hoạt động của các thư viện  Tìm hiểu về Angular.  Xây dựng mô hình dữ liệu.  Xây dựng API xử lý và gửi dữ liệu.  Xây dựng website với framework Angular với các chức năng xem trước nội dung sách, xem thông tin sách , tác giả, ….  Xây dựng phần mềm quản lý thư viện bằng WinForm với các chức năng nhập sách, thêm nội dung cho website….

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA HỆ THỐNG THÔNG TIN

-LÊ CÔNG HẬU - 14520263

XÂY DỰNG HỆ THỐNG QUẢN LÝ THƯ VIỆN BUILDING THE LIBRARY MANAGEMENT

SYSTEM

-

KỸ SƯ NGÀNH HỆ THỐNG THÔNG TIN

GIẢNG VIÊN HƯỚNG DẪN

TS NGÔ THANH HÙNG

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA HỆ THỐNG THÔNG TIN

LÊ CÔNG HẬU - 14520263

XÂY DỰNG HỆ THỐNG QUẢN LÝ

THƯ VIỆN BUILDING THE LIBRARY

MANAGEMENT SYSTEM

KỸ SƯ NGÀNH HỆ THỐNG THÔNG TIN

GIẢNG VIÊN HƯỚNG DẪN

TS NGÔ THANH HÙNG

Đề tài [Name] GVHD: [Name]

TP HỒ CHÍ MINH, NĂM 2019

DANH SÁCH HỘI ĐỒNG BẢO VỆ KHÓA LUẬN

Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số ……… ngày ……… của Hiệu trưởng Trường Đại học Công nghệ Thông tin

1 ……… – Chủ tịch

2 ……… – Thư ký

3 ……… – Ủy viên

4 ……… – Ủy viên

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC

CÔNG NGHỆ THÔNG TIN

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc Lập - Tự Do - Hạnh Phúc

TP HCM, ngày… tháng… năm……

NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG HỆ THỐNG QUẢN LÝ THƯ VIỆN Nhóm SV thực hiện: Cán bộ hướng dẫn: Lê Công Hậu 14520263 TS Ngô Thanh Hùng Đánh giá Khóa luận 1 Về cuốn báo cáo: Số trang _ Số chương _ Số bảng số liệu _ Số hình vẽ _ Số tài liệu tham khảo _ Sản phẩm _ Một số nhận xét về hình thức cuốn báo cáo: ………

………

………

………

2 Về nội dung nghiên cứu: ………

………

………

………

3 Về chương trình ứng dụng: ………

………

………

4 Về thái độ làm việc của sinh viên:

………

………

………

………

Đánh giá chung: Khóa luận đạt/ không đạt yêu cầu của một khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm từng sinh viên: Lê Công Hậu: ……… /10

Người nhận xét (Ký tên và ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc TP HCM, ngày… tháng… năm……

NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP

(CỦA CÁN BỘ PHẢN BIỆN)

Tên khóa luận:

XÂY DỰNG HỆ THỐNG QUẢN LÝ THƯ VIỆN

Nhóm SV thực hiện: Cán bộ phản biện:

3

Đánh giá Khóa luận

Số trang _ Số chương _

Số bảng số liệu _ Số hình vẽ _

Số tài liệu tham khảo _ Sản phẩm _

Một số nhận xét về hình thức cuốn báo cáo:

………

………

………

………

6 Về nội dung nghiên cứu: ………

………

………

………

7 Về chương trình ứng dụng: ………

………

………

………

8 Về thái độ làm việc của sinh viên: ………

………

………

………

Đánh giá chung: Khóa luận đạt/ không đạt yêu cầu của một khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm từng sinh viên: Lê Công Hậu: ……… /10

Người nhận xét

(Ký tên và ghi rõ họ tên)

LỜI CẢM ƠN

Sau một thời gian học tập và làm việc nghiêm túc hoàn thành khóa luận, em đã nhận được sự giúp đỡ rất nhiệt tình và hiệu quả,

em xin chân thành gửi lời cảm ơn tới:

Nhà trường cùng quý Thầy cô trong Khoa Hệ thống thông tin

đã truyền đạt những kiến thức, kinh nghiệm quý giá trong học tập, đời sống trong suốt 4 năm đại học vừa qua để em có đủ khả năng hoàn thành khóa luận này

Em xin chân thành gửi lời cảm ơn sâu sắc đến TS Ngô Thanh Hùng, người đã trực tiếp hướng dẫn, hỗ trợ giúp đỡ em trong suốt quá trình thực hiện khóa luận

Lời cuối cùng, em xin bày tỏ lòng biết ơn sâu sắc đến gia đình, bạn bè, người thân đã động viên, khích lệ em trong suốt quá trình thực hiện đề tài Tuy nhiên, do bản thân em còn hạn chế về mặt kiến thức chuyên môn và kinh nghiệm thực tế nên khó tránh khỏi những thiếu sót nhất định Do đó, kính mong nhận được những ý kiến đóng góp từ phía quý Thầy cô để em hoàn thiện mình hơn Một lần nữa, xin cảm ơn tất cả những sự giúp đỡ quý báu để khóa luận được thực hiện thành công.

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC

CÔNG NGHỆ THÔNG TIN

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc Lập - Tự Do - Hạnh Phúc

TP HCM, ngày… tháng… năm……

ĐỀ CƯƠNG CHI TIẾT

Tên đề tài:

Xây dựng hệ thống quản lý thư viện

Project name:

Building the library management system

Cán bộ hướng dẫn: TS Ngô Thanh Hùng

Thời gian thực hiện: Từ ngày 17/02/2019 đến ngày 01/07/2019

Sinh viên thực hiện:

 Lê Công Hậu – 14520263

Từ đó nói lên tính thiết yếu của việc xây dựng một hệ thống quản

lý thư viện vừa có khả năng thực hiện các công việc quản lí sách bình thường, vừa hỗ trợ đọc giả một cách tối đa thông qua hình thức mượn, xem sơ lược và tìm kiếm nội dung sách trực tuyến

Nội dung đề tài:

1 Mục tiêu đề tài:

● Xây dựng hệ thống quản lí thư viện thân thiện tiện lợi

● Giúp thủ thư quản lí quá trình mượn trả sách

● Giúp người dùng tìm hiểu sơ lược nội dung sách trước khi mượn qua hình thức trực tuyến

2 Phạm vi nghiên cứu:

- Ngôn ngữ lập trình: C#, TypeScript

- Hệ quản trị cơ sở dữ liệu: SQL Server

- Lập trình giao diện: WinForm

o Tìm kiếm, thu thập và phân tích bộ dữ liệu

o Nghiên cứu các phương pháp xây dựng cơ sở dữ liệu

o Nghiên cứu các công nghệ lập trình web để xây dựng website

- Đánh giá

Tiến hành kiểm

Mục lục

LỜI CẢM ƠN viii

DANH MỤC BẢNG BIỂU xvii

DANH MỤC SƠ ĐỒ, HÌNH ẢNH xviii

DANH MỤC TỪ VIẾT TẮT xxi

TÓM TẮT KHÓA LUẬN xxii

MỞ ĐẦU xxiii

Chương 1: TỔNG QUAN ĐỀ TÀI 1

1.1 Hiện trạng và đặt vấn đề 1

1.1.1 Tổng quan về hiện trạng các thư viện ở Tp HCM 1

1.1.2 Đặt vấn đề 2

1.1.3 Tìm hiểu một số trang website thư viện 2

1.1.4 Nhận xét 4

1.2 Mục tiêu đề tài 4

1.3 Phạm vi nghiên cứu 4

1.4 Bố cục báo cáo 5

Chương 2: CƠ SỞ LÝ THUYẾT 6

2.1 Tìm hiểu về Angular 6

2.1.1 Tổng quan về Angular 6 6

2.1.2 Các đặc điểm của Angular 6

2.1.3 Tống quan về cấu trúc của Angular 7

2.2 Tìm hiểu về ASP.NET Core 8

2.2.1 Tổng quan về ASP.NET Core 8

2.2.2 Các đặc điểm của ASP.NET Core 8

2.2.3 Ưu điểm của ASP.NET Core 8

2.3 Tìm hiểu về TypeScript 9

2.4 Framework Boostrap 10

2.5 Application Programing Interface (API) 11

Chương 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 12

3.1 Sơ đồ Usecase 12

3.1.1 Danh sách các tác nhân 14

3.1.2 Danh sách Usecase 14

3.1.3 Đặc tả Usecase và Activity Diagram 16

3.2 Sequence Diagram 29

3.2.1 Chức năng Đăng ký 29

3.2.2 Chức năng Đăng nhập 30

3.2.3 Chức năng Đăng nhập phần mềm 31

3.2.4 Chức năng Xem trước nội dung sách 32

3.2.5 Chức năng truy xuất thông tin sách 33

3.2.6 Chức năng truy xuất thông tin tác giả 34

3.2.7 Chức năng Gia hạn sách đã mượn 35

3.2.8 Chức năng Đăng ký mượn sách 36

3.2.9 Chức năng Xuất đơn mượn sách 37

3.2.10 Chức năng Trả sách đã mượn 38

3.2.11 Chức năng Xuất đơn trả sách 39

3.2.12 Chức năng Nhập thông tin sách 40

3.2.13 Chức năng Nhập thông tin tác giả 41

3.3 Class Diagram 42

3.3.1 Đăng ký 42

3.3.2 Đăng nhập 42

3.3.3 Xem trước sách nội dung sách 43

3.3.4 Truy vấn thông tin sách 43

3.3.5 Truy vấn thông tin tác giả 44

3.3.6 Gia hạn sách đã mượn 44

3.3.7 Đăng ký mượn sách 45

3.3.8 Xuất đơn mượn sách 45

3.3.9 Trả sách 46

3.3.10 Xuất đơn trả sách 46

3.3.11 Thêm thông tin sách 47

3.3.12 Thêm thông tin tác giả 47

3.4 Thiết kế dữ liệu 48

3.4.6 Mô hình ERD 48

3.4.7 Sơ đồ dữ liệu SQL Server 49

3.5 Thiết kế giao diện và xử lý 56

3.5.6 Sơ đồ màn hình 56

3.5.7 Danh sách các màn hình 56

3.5.8 Mô tả các màn hình 57

3.5.9 Danh sách API 68

Chương 4: CÀI ĐẶT VÀ KIỂM THỬ 69

4.1 Cài đặt và triển khai website 69

4.1.1 Công cụ sử dụng 69

4.1.2 Triển khai website và phần mềm 69

4.2 Kiểm thử 70

Chương 5: TỔNG KẾT 73

5.1 Kết quả đạt được 73

5.2 Ưu điểm của hệ thống 73

5.3 Hạn chế của hệ thống 73

5.4 Hướng phát triển 73

Phụ lục 1: Tài liệu tham khảo 74

DANH MỤC BẢNG BIỂU

Bảng 3-1 Danh sách các tác nhân 14

Bảng 3-2 Danh sách Usecase 15

Bảng 3-3.Mô tả dữ liệu lưu trữ thông tin người dùng 49

Bảng 3-4 Mô tả dữ liệu lưu trữ sách 51

Bảng 3-5 Mô tả dữ liệu lưu trữ thông tin tác giả 52

Bảng 3-6 Mô tả dữ liệu lưu trữ thông tin mượn sách 53

Bảng 3-7 Mô tả dữ liệu lưu trữ thông tin đơn mượn sách 54

Bảng 3-8 Mô tả dữ liệu lưu trữ thông tin người dùng đang theo dõi mình 54

Bảng 3-9 Mô tả dữ liệu lưu trữ thông tin thích video 55

Bảng 3-11 Danh sách các màn hình 57

Bảng 3-12 Đăng ký 58

Bảng 3-13 Browse 58

Bảng 3-14 Author 59

Bảng 3-15 My loan list 60

Bảng 3-16 Bookmarked 61

Bảng 3-17 Trang cá nhân 62

Bảng 3-23 Danh sách API 68

DANH MỤC SƠ ĐỒ, HÌNH ẢN

Hình 1-1 Bảng đánh giá tiêu chí của các website thư viện đại học tại

Tp HCM[1] 1

Hình 1-2 Giao diện trang website OpenLibrary 2

Hình 1-3 Giao diện trang web Jonhson County Library 3

Hình 3-1 Sơ đồ Usecase tổng quan 12

Hình 3-2 Usecase chi tiết Nhập sách vào kho 13

Hình 3-3 Usecase chi tiết Thêm thông tin tác giả 13

Hình 3-9 Activity đăng ký 16

Hình 3-10 Activity đăng nhập 17

Hình 3-11 Activity đăng nhập phần mềm 18

Hình 3-12 Activity xem trước sách 19

Hình 3-13 Activity truy vấn thông tin sách 20

Hình 3-14 Activity truy vấn thông tin tác giả 21

Hình 3-15 Activity gia hạn sách đã mượn 22

Hình 3-16 Activity đăng ký mượn sách 23

Hình 3-17 Activity xuất đơn mượn sách 24

Hình 3-18 Activity trả sách đã mượn 25

Hình 3-19 Activity xuất đơn trả sách 26

Hình 3-20 Activity nhập thông tin sách 27

Hình 3-21 Activity xem thông tin người dùng 28

Hình 3-22 Sequence đăng ký 29

Hình 3-23 Sequence đăng nhập 30

Hình 3-24 Sequence xem video 31

Hình 3-25 Sequence đăng nhập phần mềm 32

Hình 3-26 Sequence truy xuất thông tin sách 33

Hình 3-27 Sequence truy xuất thông tin tác giả 34

Hình 3-28 Sequence xóa bình luận 35

Hình 3-29 Sequence đăng ký mượn sách 36

Hình 3-31 Sequence trả sách đã mượn 38

Hình 3-32 Sequence xuất đơn trả sách 39

Hình 3-33 Sequence bỏ theo dõi người dùng 40

Hình 3-34 Sequence xem thông tin người dùng 41

Hình 3-35 Class diagram chức năng đăng ký 42

Hình 3-36 Class diagram chức năng đăng nhập 42

Hình 3-37 Class diagram chức năng xem trước sách 43

Hình 3-38 Class diagram chức năng truy vấn thông tin sách 43

Hình 3-39 Class diagram chức năng truy vấn thông tin tác giả 44

Hình 3-39 Class diagram chức năng truy vấn thông tin tác giả 44

Hình 3-40 Class diagram chức năng đăng ký mượn sách 45

Hình 3-41 Class diagram chức năng xuất đơn mượn sách 45

Hình 3-42 Class diagram chức năng trả sách 46

Hình 3-43 Class diagram chức năng xuất đơn trả sách 46

Hình 3-44 Class diagram chức năng xóa video ra khỏi lịch sử xem.47 Hình 3-45 Class diagram chức năng thêm thông tin tác giả 47

Hình 3-48 Mô hình ERD 48

Hình 3-49 Thông tin User 49

Hình 3-50 Thông tin sách 50

Hình 3-51 Thông tin tác giả 51

Hình 3-52 Thông tin mượn sách 52

Hình 3-53 Thông tin đơn mượn sách 53

Hình 3-54 Thông tin đơn trả sách 54

Hình 3-55 Thông tin lữu trữ sách 55

Hình 3-57 Sơ đồ màn hình website và sơ đồ màn hình hệ thống 56

Hình 3-58 Màn hình Register 57

Hình 3-59 Màn hình Browse 58

Hình 3-60 Màn hình Author 59

Hình 3-61 Màn hình trang phổ biến nhất 60

Hình 3-62 Màn hình trang lịch sử xem 61

Hình 3-64 Màn hình trang BookloanInfo 62Hình 3-68 Màn hình trang AuthorBook 64Hình 3-69 Màn hình trang LoanRegister – tab Loan page detail 65

DANH MỤC TỪ VIẾT TẮT

ST

TÓM TẮT KHÓA LUẬN

Đề tài khóa luận “Xây dựng hệ thống quản lý thư viện” là một

đề tài hướng việc phát triển phần mềm quản ký

Sau quá trình tìm hiểu, em đã lên kế hoạch để thực hiện đề tài nhưsau:

 Tìm hiểu quy trình hoạt động của các thư viện

 Tìm hiểu về Angular

 Xây dựng mô hình dữ liệu

 Xây dựng API xử lý và gửi dữ liệu

 Xây dựng website với framework Angular với các chức năngxem trước nội dung sách, xem thông tin sách , tác giả, …

 Xây dựng phần mềm quản lý thư viện bằng WinForm với các chức năng nhậpsách, thêm nội dung cho website…

Chẳng hạn như việc tìm kiếm sách, tiếp cận thông tin sách, sốsách có thể mượn cùng với đó là các mặt hạn chế của việc quản lýnhư chưa số hóa dữ liệu thông tin sách, còn lưu trữ các dữ liệu trêngiấy gây khó khăn cho việc truy vấn, tìm kiếm khi có nhu cầu.

Nắm bắt được thực trạng này em đã định hướng bản than pháttriển bộ phần mềm quản lý thư viện, website cho một thư viện

Chương 1: TỔNG QUAN ĐỀ TÀI

1.1 Hiện trạng và đặt vấn đề

1.1.1 Tổng quan về hiện trạng các thư viện ở Tp HCM

Theo một báo cáo của thư viện quốc gia Việt Nam năm 2008 vàcác website thư viện đại học trên địa bàn Tp HCM năm 2008 [1], cácwebsite thường bị đánh giá thấp ở các tiêu chí như tiếp cận thông tin

dữ liệu trên internet, công cụ tìm kiếm…

Hình 1-1 Bảng đánh giá tiêu chí của các website thư viện đại học tại

bộ vừa gây khó khăn cho việc truy vấn và quản lý

Vì vậy, việc cập nhật công nghệ vào việc xây dựng website vàphần mềm quản lý thư viện là một việc làm cần thiết, mang nhiều ýnghĩa.

1.1.2 Đặt vấn đề

Qua các vấn đề nêu trên, em đã nghiên cứu thực hiện xây dựngwebsite thư viện và phần mềm quản lý thư viện Hệ thống phải đảmbảo các chức năng chính của một thư viện truyền thống, đồng thờicung cấp các chức năng khác nhằm nâng cao trải nghiệm ngườidùng.Khảo sát một số trang website về nội dung sách

1.1.3 Tìm hiểu một số trang website thư viện

1.1.3.1 OpenLibrary

Hình 1 -2 Giao diện trang website OpenLibrary

OpenLibrary là website cho phép người dùng đăng nhập vàmượn sách online OpenLibrary có một kho sách rất lớn và cho phép

người đọc truy cập miễn phí Đa phần sách của OpenLibrary đến từnhững người quyên góp, sau đó số hóa rồi cho phép người khácmượn Tùy thuộc vào số sách được quyên góp, thư viện sẽ cho bấynhiêu đó số lượng được mượn, chẳng hạn khi một người quyên gópmột quyển sách A và thư viện khi đó không có phiên bản nào kháccủa quyển A thì sẽ chỉ có một người được mượn quyển A

1.1.3.2 Johnson County Library

Hình 1-3 Giao diện trang web Jonhson County Library

Jonhson County Library là một hệ thống thư viện gồm nhiềuthành viên, cho phép người dùng tích hợp thẻ thành viên của mìnhvới các thư viện khác, website có nội dung rõ ràng , cho phép ngườimượn biết trước quyển sách mình muốn mượn có bao nhiêu bản vànhững bản nào có thể mượn

1.1.4 Nhận xét

Qua tìm hiểu nhóm tác giả nhận thấy rằng đa số website đều có các

ưu điểm như:

- Giao diện đẹp, thân thiện với người dùng

- Được thiết kế để hoạt động trên nhiều nền tảng thiết bị khácnhau như mobile, tablet, …

- Có nguồn sách phong phú, tích hợp dữ liệu với các thư việnkhác

Qua việc quan sát các website trên em đã rút ra được một số kiếnthức cần thiết để phát triển website cho thư viện theo hướng hỗ trợngười dùng, giúp người dùng cảm thấy dễ dàng hơn trong việc tìmhiểu , truy xuất tông tin sách

1.2 Mục tiêu đề tài

Đề tài với mục đích là xây dựng hệ thống quản lý thư viện:

- Tìm hiểu cấu trúc, cách thư viện vận hành

- Xây dựng hệ cơ sở dữ liệu phù hợp với các chức năng của hệ thống

- Xây dựng phần mềm quản lý thư viện

- Xây dựng website cho thư viện

1.3 Phạm vi nghiên cứu

Phạm vi nghiên cứu của đề tài gói gọn trong việc tìm hiểu quitrình quản lý của thư viện, áp dụng các công nghệ như WinForm vàSQL Server để thiết kế cơ sở dữ liệu và xây dựng hệ thống quản lý,Angular để phát triển website

1.4 Bố cục báo cáo

Chương 1: Tổng quan đề tài.

Giới thiệu tổng quan nội dung đề tài khóa luận Nội dung bao gồm: hiện trạng

và đặt vấn đề, khảo sát một số website chia sẻ video, mục tiêu đề tài, phạm vi nghiêncứu và bố cục báo cáo

Chương 2: Cơ sở lý thuyết.

Giới thiệu về một số công nghệ sẽ sử dụng trong đề tài Các công nghệ đó baogồm: Angular, Bootstrap, ASP.NET Core

Chương 3: Phân tích và thiết kế hệ thống.

Trình bày về sơ đồ tổ chức của website, phân tích thiết kế hệ thống, thiết kế cơ

sở dữ liệu phi cấu trúc, thiết kế giao diện website

Chương 4: Cài đặt và kiểm thử

Tóm tắt quá trình triển khai kiểm thử

Chương 5: Tổng kết

Tổng kết khóa laun65, nêu ưu, khuyết điểm và hướng phát triển

Chương 2: CƠ SỞ LÝ THUYẾT

2.1 Tìm hiểu về Angular

2.1.1 Tổng quan về Angular 6

Angular 6 là một framework dựa trên nền JavaScript dùng đểxây dựng các website và ứng dụng bằng JavaScript, HTML vàTypeScript vốn là một phần của JavaScript Angular 6 cung cấp khảnăng xây dựng các tính năng trong animation, HTTP service và cócác đặc điểm như tự động hoàn tất thao tác, dẫn hướng, thanh công

cụ, menu…Ngôn ngữ được sử dụng là TypeScript sử dụng ngôn ngữbiên dịch là JavaScript

2.1.2 Các đặc điểm của Angular

Cấu trúc của Angular là cấu trúc của các thành phần vàservices Angular dựa trên mô hình MVC (model – view – controler ).Phiên bản mới nhất của Angular là Angular 6, là phiên bản cho thấy

có sự thay đổi rõ rệt nhất sau phiên bản thứ năm

Angular 6 có các đặc điểm tương tự như phiên bản trước nó như:

 HttpClient API – được giới thiệu như là một giải pháp để thay

thế cho Http Library HttpClient API nhanh hơn, có tính bảo mật

và hiệu suất cao hơn

 Multiple export aliases – một thành phần có thể được truy

xuất bằng nhiều tên giả giúp giảm tải cho quá trinh truy vấn

 Internationalized Pipes for Number, Date, and

Currency – cung cấp công cụ mới để chuẩn hóa dữ liệu.

 Lambda support – hỗ trợ cho các hàm lambda.

 Build Optimizer – tối ưu hóa tốc độ xử lý dữ liệu.

 Improved Compiler – Tối ưu hóa trình biên dịch ngôn ngữ.

Đồng thời Angular 6 cũng có những cải tien1 của riêng mình chẳnghạn như:

 Updated Angular CLI, Command Line interface – Thêm

các câu lệnh mới, chẳng hạn như ng-update dùng để nâng cấpphiên bản hay ng-add dùng để thêm vào các thành phần mộtcách nhanh chóng…

 Updated CDK, Component Development Kit – Hỗ trợ cho

việc xây dựng giao diên người dùng mà không cần dùng đếnthư viện của Angular Hổ trợ thiết kế bố cục cho website

 Updated Angular Material – thêm vào các thành phần mới.

 Usage of RxJS, a reactive JS library – sử dụng RxJS.

 Angular Element – cho phép thành phần của Angular được

xuất ra và có thể được sự dụng trên bất kỳ trang HTML nàokhác

2.1.3 Tống quan về cấu trúc của Angular

Cấu trúc của Angular gồm 3 phần:

1 Modules : Trong mỗi ứng dụng Angular đều có một

module gốc thường gọi là AppModule chứa các thuật toán

dể khởi chạy ứng dụng Cũng giống như JavaScriptmodule, module của Angular (NgModule) cho phép truyxuất tới các module khác hoặc ngược lại được phép truyxuất bởi các module khác

2 Components : Mỗi ứng dụng Angular dều có ít nhất một

component hay còn gọi là root component, cáccomponent chứa dữ liệu của ứng dụng cùng với các logic

xử lý dữ liệu đó, component tiếp xúc với HTML qua đóđịnh rõ thành phần nào được xuất hiện trên trang HTMLđó

3 Services and dependency inection : Các dữ liệu và

logic nào không có chức năng hiển thị nội dung nhưngcần phải được truy vấn bởi các component khác, khi đó

ta sử dụng một lớp service Khi đó lop91 service này sẽ

được truy xuất bởi các component khác bằng việc sửdụng hàm @Injectable().

2.2 Tìm hiểu về ASP.NET Core

2.2.1 Tổng quan về ASP.NET Core

ASP.NET Core là một framework mã nguồn mở, hiệu suất cao và

đa nền tảng dùng để xây dựng các ứng dụng hiện đại có kết nối vớiInternet và dựa trên mô hình đám mây ASP.NET Core được phát triểnbởi tập đoàn Microsoft và cộng đồng lập trình viên ASP.NET Corecũng là một framework kiểu module có khả năng thực thi trênframework NET, Windows và NET Core đa nền tảng

2.2.2 Các đặc điểm của ASP.NET Core

ASP.NET Core còn được xem là sự kết hợp giữa ASP.NET MVC vàASP.NET Web API tạo thành một mô hình lập trình đơn Mặc dù đượcxây dựng mới, ASP.NET Core vẫn có tính tương thích cao với ASP.NETMVC Hơn nữa, các ứng dụng ASP.NET Core hỗ trợ kiểu phiên bản

“side by side”, tức là cùng chạy trên một máy tính với việc lựa chọnnhiều phiên bản ASP.NET Core khác nhau Điều này là không thể vớicác phiên bản ASP.NET trước kia

2.2.3 Ưu điểm của ASP.NET Core

 Dùng để xây dựng giao diện Web (Web UI) cũng như cácAPI Web

 Tích hợp các framework phía client hiện đại và các quytrình làm việc phát triển

 Hệ thống cấu hình sẵn có trên đám mây.

 Tạo mới phiên bản app side-by-side với NET Core

 Tạo công cụ đơn giản hóa phát triển web hiện đại

 Khả năng xây dựng, chạy trên Windows, macOS, và Linux

 Mã nguồn mở và tập trung vào cộng đồng phát triển mãnguồn

2.3 Tìm hiểu về TypeScript

TypeScript là một ngôn ngữ mã nguồn mở miễn phí hiện đangđược phát triển và bảo trì bởi Microsoft Nó là một phiên bản nângcao của JavaScript, với các bổ sung các tuỳ chọn kiểu tĩnh và lớptrên cơ sở lập trình hướng đối tượng Anders Hejlsberg, kiến trúc sưngôn ngữ C# và là người tạo ra ngôn ngữ Delphi và Turbo Pascal đãtham gia phát triển TypeScript TypeScript có thể sử dụng để pháttriển ứng dụng chạy phía client, hay phía server (Node.js)

Hình 2-1 So sánh code TypeScript (bên trái) và JavaScript (bên

phải) 1

TypeScript hỗ trợ định nghĩa các file chứa thông tin kiểu của cácthư viện JavaScript, giống như các file header của C/C++ mô tả cấutrúc của các file object Điều này cho phép các chương trình khác sửdụng các giá trị được định nghĩa trong các file giống như các thựcthể TypeScript được định kiểu tĩnh Đó là các file header hãng thứ ba(third-party) cho các thư viện thông dụng như jQuery, MongoDB,D3.js, v.v Các file header cho các module cơ bản cho Node.js cũng

có sẵn cho phép phát triển chương trình Node.js bằng TypeScript

Ưu điểm của TypeScript:

- Dễ phát triển dự án lớn: Với việc sử dụng các kỹ thuật mới nhất

và lập trình hướng đối tượng nên TypeScript giúp phát triển các

dự án lớn một cách dễ dàng

- Nhiều Framework lựa chọn: Hiện nay, các JavaScript

Framework đã dần khuyến khích nên sử dụng TypeScript để phát triển, ví dụ như AngularJS 2.0 và Ionic 2.0

- Hỗ trợ các tính năng của JavaScript phiên bản mới nhất:

TypeScript luôn đảm bảo việc sử dụng đầy đủ các kỹ thuật mới nhất của JavaScript, ví dụ như phiên bản hiện tại là ECMAScript

2017 (ES8)

- Là ngôn ngữ mã nguồn mở: TypeScript là một mã nguồn mở nên hoàn toàn có thể sử dụng mà không mất phí, bên cạnh đó còn được sự hỗ trợ mạnh từ cộng đồng

- TypeScript là JavaScript: Bản chất của TypeScript là biên dịch tạo ra các đoạn mã JavaScript Do đó, có thể sử dụng trộn lẫn

cú pháp của JavaScript vào bên trong TypeScript, điều này giúpcác lập trình viên tiếp cận TypeScript dễ dàng hơn

2.4 Framework Boostrap

Bootstrap là một CSS framework phổ biến nhất cho những ngườiphát triển giao diện cho website, nó chứa tập hợp các CSS classđược định nghĩa sẵn Bootstrap được sử dụng phổ biến nhất để phát

triển front-end website Đây là một framework dễ học, dễ sử dụng,mềm mượt nhanh chóng và dễ dàng để xây dựng giao diện website,

có hỗ trợ responsive

Bootstrap được xây dựng dựa trên nền tảng HTML templates,CSS templates và Javascript cơ bản để hình thành nên những mẫuthiết kế có sẵn như typography, forms, buttons (nút bấm), tables(bảng), navigation, modals, image carousels cũng như nhiều thànhphần khác nữa Với mục đích giúp cho các nhà phát triển có thể thiết

kế reponsive cho website được dễ dàng và nhanh hơn, các plugincủa Javascript đã được tích hợp vào trong Bootstrap

Ưu điểm của Bootstrap:

- Bootstrap giúp các nhà thiết kế website có thể giảm bớt đượcthời gian trong việc thiết kế website Khi sử dụng Bootstrap,bạn có thể hạn chế được thời gian bỏ ra để viết code cho giaodiện vì trong thư viện của nó đã có sẵn những đoạn mã có thểchèn vào trong website

- Khi sử dụng Bootstrap bạn hoàn toàn có thể tùy biến được giaodiện theo ý muốn của mình với hệ thống Grid System mặc địnhbao gồm 12 bột cùng với độ rộng 940px được tích hợp sẵntrong Bootstrap

- Ngày nay, khi mà xu hướng phát triển website tương thích vớimọi thiết bị thì Bootstrap nổi lên như một framework cung cấpsẵn responsive phù hợp với mọi thiết bị như smartphone,tablet, desktop

2.5 Application Programing Interface (API)

API là viết tắt của Application Programming Interface (giao diệnlập trình ứng dụng) phương thức kết nối với các thư viện vàứng dụng khác Windows có nhiều API, và Twitter cũng có webAPI, tuy nhiên chúng thực hiện các chức năng khác nhau, với

mục tiêu khác nhau Nó chính là một phần mềm giao tiếp được

sử dụng bởi các ứng dụng khác nhau Nó cũng giống như bànphím là thiết bị dùng để giao tiếp giữa người sử dụng và máytính, API là một phần mềm giao tiếp giữa chương trình và hệđiều hành Mỗi bộ API dành cho các hệ điều hành khác nhau làhoàn toàn khác nhau và không có sự tương thích với nhau APIdành cho các hệ điều hành Windows và Linux là hoàn toànkhác nhau API cung cấp khả năng cung cấp khả năng truyxuất đến một tập các hàm hay dùng API là một loại công cụ đểtạo ra phần mềm Web API là một trong những công nghệ mớicủa Microsoft dùng để xây dựng dịch vụ thành phần phân tán.Web API là mô hình dùng để hỗ trợ MVC bao gồm: routing,controller, action result, filter, filter, loc container, modelbinder, unit test, injection Bên cạnh đó nó còn hỗ trợ restfulđầy đủ các phương thức: Get/Post/Put/Delete dữ liệu

Chương 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG

3.1 Sơ đồ Usecase

Hình 3-4 Sơ đồ Usecase tổng quan

Hình 3-5 Usecase chi tiết Nhập sách vào kho

Hình 3-6 Usecase chi tiết Thêm thông tin tác giả

3.1.1 Danh sách các tác nhân

ST

1 Người dùng website Chỉ người dùng nói chung, cả đăngký và không đăng ký.

2 Người dùng mới Là người dùng chưa đăng ký tài khoản website

3 Người dùng đã đăng ký Là tác nhân sử dụng website, có thể sử dụng tất cả các chức năng

có trên website

4 Thủ thư

Là tác nhân quản lý thư viện, thực hiện các chức năng chính của thư viện như cho mượn sách, thêm sách ,…

Bảng 3-1 Danh sách các tác nhân

3.1.2 Danh sách Usecase

mềm Thủ thư đăng nhập vào phần mềm quản lý

4 Xem trước sách Người dùng xem trước nội dung sách

10 Trả sách đã mượn Thủ thư nhập thông tin trả sách cho

- Tên usecase: Đăng ký

- Mô tả: Người dùng thực hiện thao tác đăng ký tài khoản

- Luồng sự kiện:

Hình 3-7 Activity đăng ký

- Tiền điều kiện: Không

- Hậu điều kiện: Không

3.1.3.2 Activity đăng nhập

- Tên usecase: Đăng nhập

- Mô tả: Người dùng thực hiện thao tác đăng nhập website

- Luồng sự kiện: