ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI: XÂY DỰNG WEBSITE ĐỌC SÁCH ONLINE. Giảng viên hướng dẫn: TH.S LÊ TỰ THANH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ
TRUYỀN THÔNG VIỆT – HÀN

KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 1
ĐỀ TÀI: XÂY DỰNG WEBSITE ĐỌC SÁCH ONLINE

Sinh viên thực hiện

: LÊ THỊ THÙY LINH
LÊ THỊ HỒNG HẠNH

Giảng viên hướng dẫn : TH.S LÊ TỰ THANH
Lớp
: 20IT9

Đà nẵng, tháng 06 năm 2021


TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ
TRUYỀN THÔNG VIỆT – HÀN

KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 1
ĐỀ TÀI: XÂY DỰNG WEBSITE ĐỌC SÁCH
ONLINE

Đà Nẵng, tháng 06 năm 2021

MỞ ĐẦU
Trong thời đại công nghệ 4.0 với sự phát triển mạnh mẽ của cơng nghệ thì việc
đọc và tìm kiếm sách trở nên dễ dàng hơn. Với những ưu thế vượt trội về tốc độ
và sự tiện lợi, giúp tiết kiệm rất lớn về nhân lực, thời gian, tiền bạc và tiếp cận với
lượng người đọc dồi dào và các thể loại sách đa dạng.
Trong quá trình khảo sát và tìm hiểu, nắm bắt được nhu cầu của mọi người thì một
ứng dụng để tìm và đọc một cách dễ dàng hơn là cần thiết. Vì thế chúng em đã
thiết kế một website mang tên Đọc sách online. Đây cũng là đề tài bảo vệ đồ án
của nhóm chúng em.
Song, vì thời gian có hạn, lần đầu làm website nên kĩ năng, kinh nghiệm hầu
nhưkhơng có, khó tránh khỏi nhiều sai sót. Vì vậy chúng em rất mong nhận
đượcnhiều ý kiến đóng góp từ thầy cơ và các bạn để chúng em hoàn thành tốt đồ
án này.
Chân thành cảm ơn thầy cô và các bạn!

1


LỜI CẢM ƠN
Trên thực tế khơng có thành cơng nào mà không gắn liền với sự hỗ trợ, giúp đỡ dù ít hay
nhiều, dù trực tiếp hay gián tiếp của người khác.Trong suốt thời gian kể từ khi nghiên cứu
đề tài đến nay, nhóm đã nhận được rất nhiều sự quan tâm, giúp đỡ của q thầy,cơ, gia
đình và bạn bè.
Chúng em xin chân thành cảm ơn Ban Giám Hiệu Trường Đại Học Công Nghệ Thông
Tin Việt-Hàn, đã tạo điều kiện cho chúng em làm đồ án này. Chúng em xin cảm ơn các
thầy cô giáo bộ môn chuyên ngành đã cung cấp cho chúng em các thông tin, kiến thức vô
cùng quý báu và cần thiết trong suốt thời gian qua để nhóm em có thể thực hiện đồ án của
mình
Nhóm chúng em xin chân thành cảm ơn Thầy Lê Tự Thanh đã tận tâm hướng dẫn nhóm

bằng tất cả tâm huyết của mình, tạo mọi điều kiện cho chúng em làm đề tài này và đóng
góp ý kiến cho nhóm trong suốt thời gian làm đề tài. Làm việc với thầy chúng em được
học hỏi rất nhiều điều bổ ích để áp dụng vào cơng việc mai sau cũng như trong cuộc sống
hàng ngày.
Do giới hạm về thời gian và kiến thức cũng như kinh nghiệm thực tiễn nên đề tài khơng
tránh khỏi những sai sót. Chúng em rất mong nhận được sự thông cảm của quý thầy cơ và
mong được đón nhận những ý kiến đóng góp của thầy cô và các bạn.
Chúng em xin chân thành cảm ơn!

1


NHẬN XÉT
(Của giảng viên hướng dẫn)
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………..
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………

………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………..
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
……………………………………………………………………..
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
……………………………………………………………………..
Đà Nẵng, tháng … năm 2021
Giáo viên hướng dẫn

Lê Tự Thanh
2


MỤC LỤC
Chương 1 TỔNG QUAN VỀ HỆ THỐNG.............................................................3
1.1 Giới thiệu về website....................................................................................3
1.2 Kết quả cần đạt.............................................................................................4
1.3 Phương pháp.................................................................................................4

1.4 Tính khả thi...................................................................................................4
1.5 Chức năng của website.................................................................................4
Chương 2 NGHIÊN CỨU TỔNG QUAN..............................................................4
2.1 Ngôn ngữ CSS..............................................................................................4
2.2 Ngôn ngữ HTML..........................................................................................5
2.3 Ngôn ngữ Bootstrap......................................................................................6
2.4 Ngôn ngữ JavaScrip......................................................................................7
Chương 3 Phân tích thiết kế hệ thống.....................................................................8
3.1 Mơ hình tổng quan của hệ thống nghiên cứu................................................8
3.2 Thiết kế chi tiết.............................................................................................8
3.3 Mô tả chức năng...........................................................................................9
3.4 Sơ đồ use case.............................................................................................10
Chương 4 TRIỂN KHAI XÂY DỰNG.................................................................14
TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN............................................................19
*Ưu điểm.........................................................................................................19
*Hạn chế..........................................................................................................19
* Hướng phát triển...........................................................................................19
DANH MỤC TÀI LIỆU THAM KHẢO.............................................................20

Chương 1

TỔNG QUAN VỀ HỆ THỐNG

1.1 Giới thiệu về website
-Website đọc và tìm kiếm sách trên mạng: Đọc sách online
-Tổng quan về website: Đọc sách online là một website cho phép người đọc
xem và tìm kiếm thể loại và những cuốn sách tùy thích theo yêu cầu người đọc
-Ý tưởng : Với những người đọc, việc tìm kiếm được những cuốn sách phù
hợp với nhu cầu trong hàng ngàn cuốn sách là một việc rất khó khăn. Họ
khơng thể chắc chắn được cuốn sách mình mua có phù hợp nhu cầu của chính

bản thân hay khơng. Hay sẽ mất thêm thời gian và tiền bạc một cách vô
3


ích.Với thời đại cơng nghệ như hiện nay, bạn hồn tồn có thể tìm kiếm những
cuốn sách và thể loại bạn thích và tìm hiểu nội dung một cách nhanh chóng
qua các app điện thoại một cách nhanh chóng và dễ thực hiện.

1.2 Kết quả cần đạt
-Hoàn thành website với các chức năng như đăng ký, đăng nhập thành viên,
đọc sách ,tìm kiếm sách, xem thơng tin của mỗi cuốn sách.

1.3 Phương pháp
-Tập trung chủ yếu vào website, đặc biệt là giao diện ,code và cơ sở dữ liệu.

1.4 Tính khả thi
- Dự án đi vào hoạt động hứa hẹn sẽ được sự quan tâm của phần lớn người đọc
có nhu cầu về đọc sách và tìm kiếm sách

1.5 Chức năng của website
- Chức năng đăng ký , đăng nhập thành viên.
- Chức năng tìm kiếm sách và thể loại của sách.
- Chức năng đăng tải sách lên ứng dụng.
- Các chức năng phụ của admin như là :
+ Chức năng xem, sửa , xóa thơng tin người đọc.
+ Chức năng xem, sửa, xóa sách.

Chương 2

NGHIÊN CỨU TỔNG QUAN

2.1 Ngơn ngữ CSS
CSS là ngôn ngữ tạo phong cách cho trang web – Cascading Style Sheet
language. Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết
dưới dạng ngơn ngữ đánh dấu, như là HTML. Nó có thể điều khiển định dạng của
nhiều trang web cùng lúc để tiết kiệm cơng sức cho người viết 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ữ.
4


CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996,
vì một lý do đơn giản. HTML khơng được thiết kế để gắn tag để giúp định
dạng trang web. Bạn chỉ có thể dùng nó để “đánh dấu” lên site.
Ưu điểm:
•

Hạn chế tối thiểu việc làm rối mã HTML của trang Web bằng các thẻ
quy định kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ
màu), khiến mã nguồn của trang Web được gọn gàng hơn, tách nội dung
của trang Web và định dạng hiển thị, dễ dàng cho việc cập nhật nội
dung.

•

Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang Web, giúp tránh
phải lặp lại việc định dạng cho các trang Web giống nhau.

2.2 Ngôn ngữ HTML
HTML (viết tắt của từ Hypertext Markup Language, hay là "Ngôn ngữ

Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên
các trang web trên World Wide Web.Cùng với CSS và JavaScript, HTML là một
trong những ngôn ngữ quan trọng trong lĩnh vực thiết kế website. HTML được
định nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các
tổ chức cần đến các yêu cầu xuất bản phức tạp. HTML đã trở thành một chuẩn
mực của Internet do tổ chức World Wide Web Consortium (W3C) duy trì. Phiên
bản chính thức mới nhất của HTML là HTML 4.01 (1999). Sau đó, các nhà phát
triển đã thay thế nó bằng XHTML. Hiện nay, phiên bản mới nhất của ngôn ngữ
này là HTML5.

5


Lưu ý: HTML khơng phải là ngơn ngữ lập trình.
Bằng cách dùng HTML động hoặc Ajax, lập trình viên có thể được tạo ra và
xử lý bởi số lượng lớn các cơng cụ, từ một chương trình soạn thảo văn bản
đơn giản – có thể gõ vào ngay từ những dịng đầu tiên – cho đến những cơng
cụ xuất bản WYSIWYG phức tạp. Hypertext là cách mà các trang Web (được
thiết kế bằng HTML) được kết nối với nhau. Và như thế, đường link có trên
trang Web được gọi là Hypertext. Như tên gọi đã nói, HTML là ngơn ngữ
đánh dấu bằng thẻ (Markup Language), nghĩa là bạn sử dụng HTML để đánh
dấu một tài liệu text bằng các thẻ (tag) để nói cho trình duyệt Web cách để
cấu trúc nó để hiển thị.
Có bốn loại phần tử đánh dấu trong HTML:
•
•

Đánh dấu Có cấu trúc miêu tả mục đích của phần văn bản
Đánh dấu trình bày miêu tả phần hiện hình trực quan của phần văn bản
bất kể chức năng của nó là gì (Chú ý là cách dùng đánh dấu trình bày

này bây giờ khơng cịn được khun dùng mà nó được thay thế bằng
cách dùng CSS),

•

Đánh dấu liên kết ngoài chứa phần liên kết từ trang này đến trang kia cụ
thể, và

•

Các phần tử thành phần điều khiển giúp tạo ra các đối tượng .

2.3 Ngôn ngữ Bootstrap
Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng
để tạo ra một mẫu webiste hồn chỉnh. Với các thuộc tính về giao diện được quy
định sẵn như kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo
nhiều sản phẩm mới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc
với framework này trong quá trình thiết kế giao diện website.

6


*Lợi ích khi sử dụng Bootstrap
-Tiết kiệm thời gian
Boostrap làm cho lập trình viên thiết kế giao diện website tốn rất nhiều thời gian
và công sức, bởi vậy các thư viện của Boostrap có nhiều đoạn mã sẵn sàng giúp
bạn có thể áp dụng vào các website của mình ln. Vậy nên khi đó bạn sẽ tiết
kiệm được rất nhiều thời gian để tự viết code cho giao diện website của mình.
-Khả năng tùy biến cao
Bạn có thể dựa vào nó thì để phát triển nền tảng giao diện của chính website

mình, Boostrap cung cấp cho bạn hệ thống Grid System mặc định có 12 bột và độ
rộng 940px. Đặt biệt với Bootstrap thì bạn có thể thay đổi, nâng cấp và phát triển
dựa trên các nền tảng này.
-Responsive web design
Nền tảng Bootstrap giúp 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 nhất và đây cũng là xu thế thiết kế website.

2.4 Ngôn ngữ JavaScrip
JavaScript có thể học nhanh và dễ dàng áp dụng cho nhiều mục đích khác
nhau, từ việc cải thiện tính năng của website đến việc chạy game và tạo phần mềm
nền web. Hơn nữa, có hàng ngàn mẫu template JavaScript và ứng dụng ngoài kia,
nhờ vào sự cống hiến của cộng đồng, đặc biệt là Github.
JavaScript được tạo trong mười ngày bởi Brandan Eich, một nhân viên của
Netscape, vào tháng 9 năm 1995. Được đặt tên đầu tiên là Mocha, tên của nó được
đổi thành Mona rồi LiveScript trước khi thật sự trở thành JavaScript nổi tiếng như
bây giờ. Phiên bản đầu tiên của ngôn ngữ này bị giới hạn độc quyền bởi Netscape
và chỉ có các tính năng hạn chế, nhưng nó tiếp tục phát triển theo thời gian, nhờ
một phần vào cộng đồng các lập trình viên đã liên tục làm việc với nó.
Trong năm 1996, JavaScript được chính thức đặt tên là ECMAScript.
ECMAScript 2 phát hành năm 1998 và ECMAScript 3 tiếp tục ra mắt vào năm
1999. Nó liên tục phát triển thành JavaScript ngày nay, giờ đã hoạt động trên khắp
mọi trình duyệt và trên khắp các thiết bị từ di động đến máy tính bàn.
7


JavaScript liên tục phát triển kể từ đó, có lục đạt đến 92% website đang sử dụng
JavaScript vào năm 2016. Chỉ trong 20 năm, nó từ một ngơn ngữ lập trình riêng
trở thành cơng cụ quan trọng nhất trên bộ cơng cụ của các chun viên lập trình
web.

Ưu điểm:
•
•
•
•
•

JavaScript là ngơn ngữ lập trình dễ học.
Lỗi của JavaScript dễ phát hiện hơn và vì vậy dễ sửa hơn.
JavaScript hoạt động trên nhiều trình duyệt, nền tảng.
JavaScript giúp website tương tác tốt hơn với khách truy cập.
JavaScript nhanh hơn và nhẹ hơn các ngơn ngữ lập trình khác.
Nhược điểm:

•
•
•

Dễ bị khai thác.
Có thể được dùng để thực thi mã độc trên máy tính của người dùng.
Có thể bị triển khai khác nhau tùy từng thiết bị dẫn đến việc không đồng nhất.

Chương 3

Phân tích thiết kế hệ thống

3.1 Mơ hình tổng quan của hệ thống nghiên cứu
-Người đọc: Người truy cập ứng dụng, đọc, tìm kiếm nội dung sách
-Người quản trị: Quản lý các hoạt động của ứng dụng, cập nhập thơng tin,
thêm sửa xóa người đọc, sách

3.2 Thiết kế chi tiết
3.2.1 Người đọc
-Đăng ký thành viên.
8


- Đăng nhập.
- Đọc sách.
- Tìm kiếm.
-Đăng sách
3.2.2 Người quản lí
- Quản lý người đọc.
- Quản lý sách.

3.3 Mơ tả chức năng
3.3.1 Trang chủ
● Mục đích: Mơ tả hoạt động xem trang chủ của người đọc.
● Mô tả: - Sau khi người đọc nhập thông tin, ứng dụng sẽ hiển thị trang chính
gồm các thơng tin mới của sách
- Người dùng cũng có thể xem các cập nhập mới nhất về sách trên trang chủ
3.3.2 Đăng ký:
● Mục đích: Mơ tả hoạt động đăng ký tài khoản và nhập thông tin trước khi vào
ứng dụng.
● Mô tả: - Đây là yêu cầu bắt buộc để thực hiện đăng nhập vào hệ thống và các
chức năng của ứng dụng
- Đăng ký tạo tài khoản giúp ta quản lí thơng tin của bản thân trên ứng dụng một
cách dễ dàng.
3.3.3 Đăng nhập
● Mục đích: Mơ tả hoạt động đăng nhập, nhập thơng tin

● Mô tả: - Đây là yêu cầu bắt buộc để thực hiện các chức năng của ứng dụng
- Hệ thống sẽ hiện thị phần đăng nhập khi người dùng sử dụng lần đầu
3.3.4 Tìm kiếm:
● Mục đích: Mơ tả hoạt động tìm sách
● Mơ tả: Người dùng tìm kiếm theo tên tác giả hoặc tên sách.
3.3.5 Sắp xếp
● Mục đích: Mơ tả hoạt động sắp xếp của sách
● Mơ tả: Người dùng có thể xem sách theo sự sắp xếp sẵn có

9


3.3.6 Thể loại
●Mục đích: Mơ tả các thể loại của sách
●Mơ tả: người dùng có thể tìm kiếm các sách cùng thể loại một cách dẽ dàng.

3.4 Sơ đồ use case
● Đăng nhập:

10


● Bình luận và chia sẻ

● Quản lý

11


3.5 Sơ đồ hoạt động của các trang web

●Đăng nhập

● Đọc sách

12


13


Chương 4

TRIỂN KHAI XÂY DỰNG

Giao diện ứng dụng:
-Đăng kí:

-Đăng nhập:

-Trang chủ:
14


15


-Thông tin sách:

16

-Thể loại:

-Sắp xếp:

17


-Trang sách:

18


TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN
*Ưu điểm
-Nắm được các bước xây dựng 1 website đọc sách online, đáp ứng được nhu cầu
của người người đọc.
- Xây dựng được bố cục trang website hợp lí, bắt mắt.
- Nắm vững được quy trình hoạt động của website.

*Hạn chế
- Chưa có cơ sở dữ liệu
- Cịn một số chức năng chưa hồn thành
- Website chưa được tối ưu.

* Hướng phát triển
- Xây dựng website đáp ứng được nhu cầu và một số chức năng cho người dung.
- Phân quyền quản trị tối ưu hơn.

19

DANH MỤC TÀI LIỆU THAM KHẢO
[1]. Jermy Osborn & Nhóm AGI Creative,2017,Thiết Kế Trang Web Thích Ứng
Giàu Tính Năng,Nhà xuất bản Bách Khoa - Hà Nội.
[2]. Đậu Quang Tuấn,2018, Tự Học Thiết Kế Trang Web Bằng HTML, Nhà xuất bản
Giao thông vận tải.

Tài liệu Internet:
[1]. />[2]. />[3]. />[4]. />
20