Đồ Án Cơ Sở I Đề Tài- Thiết Kế Và Xây Dựng Website Bán Sách Online.pdf

Cho phép admin quản lý các chức năng: quản lý các mặt hàng, thêm sửa xóa mặthàng và các đơn mua hàng 5 Ý nghĩa lí luận và ý nghĩa thực tiễn của đề tài Website bán sách có tính ứng dụng c

ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

Mã Sinh viên : 21IT549

Sinh viên thực hiện 2 : Nguyễn Thị Mai Lan

Mã Sinh viên : 21IT558

Lớp : 21IT8

Khóa : 2021 – 2026

Đà nẵng, tháng 05 năm 2022

ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

VIỆT-HÀN

BÁO CÁO ĐỒ ÁN CƠ SỞ I

ĐỀ TÀI: THIẾT KẾ VÀ XÂY DỰNG WEBSITE

BÁN SÁCH ONLINE

Giáo viên hướng dẫn : TGS Dương Thị Mai Nga Sinh viên thực hiện 1 : Nguyễn Trung Hiếu

Mã Sinh viên : 21IT549

Sinh viên thực hiện 2 : Nguyễn Thị Mai Lan

Mã Sinh viên : 21IT558

NHẬN XÉT

(Của giảng viên hướng dẫn)

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Đà Nẵng, ngày … tháng … năm 20 Giảng viên hướng dẫn

Ths Dương Thị Mai Nga

LỜI CẢM ƠN

Để thực hiện và hoàn thành tốt đồ án này, chúng em đã nhận được sự giúp đỡ vàhướng dẫn rất tận tình của các thầy cô thuộc Đại Học Công Nghệ Thông Tin Và TruyềnThông Việt Hàn – Đại Học Đà Nẵng Chúng em xin cảm ơn các thầy cô thuộc bộ mônchuyê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ầnthiết trong suốt thời gian quá để có thể thực hiện và hoàn thành đồ án của mình Đặc biệtxin chân thành cảm ơn cô Dương Thị Mai Nga, người đã trực tiếp hướng dẫn chúng emtrong thời gian thực hiện đồ án này

Cuối cùng, xin chân thành cảm ơn các bạn trong ngành công nghệ thông tin đã ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm và tài liệu có được giúp chúng tôi trong quá trình nghiên cứu và thực hiện đề tài

Do giới hạn về mặt 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 đón nhận những góp ý của thầy cô và các bạn

Em xin chân thành cảm ơn!

MỤC LỤ

4

MỞ ĐẦU 9

1 Lý do ch n đềề tàiọ 9

2 M c đíchụ 10

3 Đốối tượng nghiền c uứ 10

4 Gi i h n và ph m vi nghiền c uớ ạ ạ ứ 10

5 Ý nghĩa lí lu n và ý nghĩa th c tiềễn c a đềề tàiậ ự ủ 11

CHƯƠNG I CƠ SỞ LÝ THUYẾT 12

1 Mố hình MVC 12

2 HTML 12

3 Css 12

4 Bootstrap 13

5 Javascript 13

6 MongoDB 14

CHƯƠNG II PHÂN TÍCH THIẾT KẾ HỆ THỐNG 16

1 Đ c t yều cầều h thốốngặ ả ệ 16

2 Phần tích h thốống.ệ 16

CHƯƠNG III: XÂY DỰNG VÀ TRIỂN KHAI WEBSITE 19

3 Danh sách th m c cài đ tư ụ ặ 19

4 Logo 19

5 Giao di n trang ch :ệ ủ 20

6 Giao di n thống tin – đ t sách:ệ ặ 22

7 Giao di n thềm sách bán:ệ 23

8 Giao di n hốề s c a tối:ệ ơ ủ 24

CHƯƠNG IV: KẾT LUẬN 25

MỞ ĐẦU

1 Lý do chọn đề tài

Ngày nay công nghệ thông tin đã có những bước phát triển mạnh mẽ theo cảchiều rộng và chiều sâu Máy tính điện tử không còn là một thứ phương tiện quýhiếm mà đang ngày càng trở thành một công cụ làm việc và giải trí thông dụngcủa con người không chỉ ở công sở mà ngay cả trong gia đình Đứng trước vai tròcủa thông tin hoạt động cạnh tranh gay gắt, các tổ chức và các doanh nghiệp đềutìm mọi biện pháp để xây dựng và hoàn thiện hệ thống thông tin của mình nhằmtin học hóa các hoạt động tác vụ của đơn vị Hiện nay các công ty tin học hàng đầuthế giới không ngừng đầu tư và cải thiện các giải pháp cũng như các sản phẩmnhằm cho phép tiến hành thương mại hóa trên internet Thông qua các sản phẩm

và công nghệ này, chúng ta dễ nhận ra tầm quan trọng và tính tất yếu của thươngmại điện tử Với những thao tác đơn giản trên máy có nối mạng internet bạn sẽ cótrong tầm tay những gì mà mình cần mà không phải mất nhiều thời gian Bạn chỉcần vào các trang dịch vụ thương mại điện tử, làm theo hướng dẫn và click vàonhững gì bạn cần Các nhà dịch vụ sẽ mang đến tận nhà cho bạn Ở Việt Nam cũng

có rất nhiều doanh nghiệp đang tiến hành thương mại hóa trên Internet nhưng donhững khó khăn về cơ sở hạ tầng như viễn thông chưa phát triển mạnh, các dịch

vụ thanh toán điện tử qua ngân hàng chưa phổ biến nên chỉ dừng lại ở mức độ giớithiệu sản phẩm và tiếp cận đơn hàng thông qua web Để tiếp cận và đóng góp đẩymạnh sự phổ biến của thương mại điện tử ở việt nam, em đã tìm hiểu và cài đặt

“Website bán sách”

2 Mục đích

Với mức độ phức tạp và quy mô ứng dụng, cộng thêm vấn đề thời gian cho nên đềtài “Xây dựng website mua bán sách” chỉ dừng ở mức tìm hiểu và áp dụng xây dựngứng dụng thực nghiệm trang Web bán hàng trên mạng cho web mua sách

Website với mục đích cung cấp cho khách hàng các thông tin chính xác về các sảnphẩm sách đang có trên thị trường và cách thức đặt mua hàng qua mạng Các thôngtin được cập nhật thường xuyên và nhanh chóng Vì vậy, rút ngắn được khoảng cáchgiữa người mua và người bán, đưa thông tin về các sản phẩm mới nhanh chóng đếncho khách hàng

Do còn một số hạn chế, nên website mới chỉ dừng lại ở chức năng đặt hàng, hìnhthức thanh toán trực tiếp khi nhận hàng và thanh toán trực tuyến quá ví điện tửMOMO

6

3 Đối tượng nghiên cứu

4 Giới hạn và phạm vi nghiên cứu

Trong đồ án này, nhóm em hướng đến nghiên cứu và áp dụng những gì đã học đã họcvào việc lập trình website

• Cho phép người dùng đăng kí tài khoản để mua hàng và mỗi tài khoản mua hàng

• Người mua có thể xem lại hóa đơn, đơn hàng đang giao

• Người dùng có thể thanh toán qua hai hình thứ là: thanh toán trực tiếp hoặc thanhtoán trực tuyến qua ví MOMO

Cho phép admin quản lý các chức năng: quản lý các mặt hàng, thêm sửa xóa mặthàng và các đơn mua hàng

5 Ý nghĩa lí luận và ý nghĩa thực tiễn của đề tài

Website bán sách có tính ứng dụng cao Trước đây khách hàng muốn mua sáchcần tới của hàng hoặc hiệu sách xem và lựa chọn sản phẩm đó Nhược điểm của cáchmua hàng truyền thống này đó là rất mất thời gian công sức di chuyển Vì vậy nênweb bán sách online mới ra đời, chỉ cần 1 chiếc máy tính hay điện thoại thông minh

có kết nối mạng bạn đã có được một nhà sách online ngay tại nhà, chỉ cần chọn sảnphẩm và đặt mua Website giải quyết được nhu cầu của người dùng giúp mua hàngnhanh chóng và tiết kiệm thời gian đi lại của giữa các cửa hàng của khách hàng

CHƯƠNG I CƠ SỞ LÝ THUYẾT

1 Mô hình MVC

MVC (Model-View-Controller) là mô hình phân bố source code thành 3 phần Mỗithành phần có một nhiệm vụ riêng biệt và độc lập với các thành phần khác Cụ thể là:

- Model: Đây là nơi chứa những nghiệp vụ tương tác với dữ liệu hoặc hệ quản trị cơ

sở dữ liệu (mysql, mssql…) Thành phần Model bao gồm các class/function xử lýnhiều nghiệp vụ như kết nối database, truy vấn dữ liệu, thêm – xóa – sửa dữ liệu,

…

- View: Đây là nơi chứa những giao diện như nút bấm, khung nhập, menu, hình ảnh,

… Thành phần View sẽ đảm nhiệm nhiệm vụ hiển thị dữ liệu và giúp người dùngtương tác với hệ thống

- Controller: Đây là nơi tiếp nhận những yêu cầu xử lý được gửi từ người dùng.Thành phần Controller sẽ gồm những class/ function xử lý nhiều nghiệp vụ logicgiúp lấy đúng dữ liệu thông tin cần thiết và hiển thị dữ liệu đó ra cho người dùngqua lớp View

1 HTML

HTML là chữ viết tắt của cụm từ HyperText Markup Language (Xem thêm tạihttp://vi.wikipedia.org/wiki/HTML) (dịch là Ngôn ngữ đánh dấu siêu văn bản) được sửdụng để tạo một trang web, trên một website có thể sẽ chứa nhiều trang và mỗi trangđược quy ra là một tài liệu HTML (thi thoảng mình sẽ ghi là một tập tin HTML) Cha đẻcủa HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web và chủ tịchcủa World Wide Web Consortium (W3C – tổ chức thiết lập ra các chuẩn trên môi trườngInternet)

Một tài liệu HTML được hình thành bởi các phần tử HTML (HTML Elements) đượcquy định bằng các cặp thẻ (tag), các cặp thẻ này được bao bọc bởi một dấu ngoặc ngọn.Các Một tập tin HTML sẽ bao gồm các phần tử HTML và được lưu lại dưới đuôi mởrộng là html hoặc htm

2 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

8

để 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ớinộ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 đượcphá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 Những tag như <font> được ra mắt trong HTML phiên bản3.2, nó gây rất nhiều rắc rối cho lập trình viên Vì website có nhiều font khác nhau, màunền và phong cách khác nhau Để viết lại code cho trang web là cả một quá trình dài, cựcnhọc Vì vậy, CSS được tạo bởi W3C là để giải quyết vấn đề này Mối tương quan giữaHTML và CSS rất mật thiết HTML là ngôn ngữ markup (nền tảng của site) và CSS địnhhình phong cách (tất cả những gì tạo nên giao diện website), chúng là không thể tách rời.CSS về lý thuyết không có cũng được, nhưng khi đó website sẽ không chỉ là một trangchứa văn bản mà không có gì khác

3 Bootstrap

Hiểu đơn giản, Bootstrap là những đoạn code viết sẵn để giúp developer dễ dàng tạo

ra những giao diện website tương thích với màn hình điện thoại Bootstrap là mộtframework bao gồm các HTML template, CSS template và JavaScript template dùng đểphát triển website chuẩn responsive Bản chất Bootstrap bao gồm một tập hợp các cúpháp thực hiện các chức năng cụ thể Để hoạt động tốt, Bootstrap cần có các file chínhquản lý giao diện người dùng và chức năng của trang web Đó là 3 file:

Bootstrap.css: một framework CSS sắp xếp và quản lý bố cục của trang web Để thựchiện một hành động cụ thể, cần tồn tại cùng lúc hai cấu trúc: HTML quản lý nội dung vàcấu trúc website, CSS xử lý bố cục website

Bootstrap.js: File này là phần cốt lõi của Bootstrap Bootstrap.js gồm các fileJavaScript chịu trách nhiệm cho việc tương tác của trang web

Glyphicons: Liên kết icon với các hành động và dữ liệu nhất định trong giao diện người dùng

4 Javascript

Javascript là một ngôn ngữ lập trình website, được tích hợp và nhúng trong HTML vàgiúp cho website trở nên sống động hơn Đây là dạng ngôn ngữ theo kịch bản, được hìnhthành dựa trên chính đối tượng phát triển có sẵn hoặc đơn giản là tự định nghĩa ra.Javascript cho phép bạn kiểm soát các hành vi của trang web tốt hơn so với việc chỉ sửdụng mỗi HTML Có thể kể đến một vài ứng dụng thực tiễn cực kỳ quen thuộc củaJavascript như slideshow, pop-up quảng cáo hay tính năng autocomplete của Google, …

chúng đều được viết bằng ngôn ngữ Javascript Javascript được biết đến lần đầu tiên vàotháng 9 năm 1995, được tạo vỏn vẹn trong vòng 10 ngày bởi Brendan Eich – một nhânviên Netscape Thực chất tên gọi đầu tiên người ta dùng cho ngôn ngữ lập trình này làMocha, sau đó đổi thành Mona và tiếp tục biến đổi thành Livescript trước khi trở thànhngôn ngữ lập trình Javascript phổ biến như bây giờ Phiên bản đầu tiên của ngôn ngữ lậptrình này bị Netspace giới hạn độc quyền và chỉ có các tính năng hạn chế Tuy nhiên nóvẫn tiếp tục phát triển theo thời gian và hoàn thiện đến thời điểm hiện tại nhờ sự làm việcliên tục của cộng đồng các lập trình viên Cho đến thời điểm hiện tại, Javascript đã pháttriển và hoạt động trên hầu khắp mọi trình duyệt và trên các thiết bị di động đến máy tínhbàn Chỉ trong hơn 20 năm, Javascript từ một ngôn ngữ lập trình riêng trở thành một công

cụ quan trọng nhất trên bộ công cụ của các chuyên viên lập trình web

5 MongoDB

MongoDB lần đầu ra đời bởi MongoDB Inc., tại thời điểm đó là thế hệ 10, vào tháng

Mười năm 2007, nó là một phần của sản phẩm PaaS (Platform as a Service) tương tựnhư Windows Azure và Google App Engine Sau đó nó đã được chuyển thành nguồn mở

từ năm 2009

MongoDB đã trở thành một trong những NoSQL database nổi trội nhất bấy giờ, được

dùng làm backend cho rất nhiều website như eBay, SourceForge và The New YorkTimes

Các feature của MongoDB gồm có:

- Các ad hoc query: hỗ trợ search bằng field, các phép search thông thường, regular

expression searches, và range queries

- Indexing: bất kì field nào trong BSON document cũng có thể được index.

- Replication: có ý nghĩa là “nhân bản”, là có một phiên bản giống hệt phiên bản đang

tồn tại, đang sử dụng Với cơ sở dữ liệu, nhu cầu lưu trữ lớn, đòi hỏi cơ sở dữ liệutoàn vẹn, không bị mất mát trước những sự cố ngoài dự đoán là rất cao Vì vậy, người

ta nghĩ ra khái niệm “nhân bản”, tạo một phiên bản cơ sở dữ liệu giống hệt cơ sở dữliệu đang tồn tại, và lưu trữ ở một nơi khác, đề phòng có sự cố

- Aggregation: Các Aggregation operation xử lý các bản ghi dữ liệu và trả về kết quả

đã được tính toán Các phép toán tập hợp nhóm các giá trị từ nhiều Document lại vớinhau, và có thể thực hiện nhiều phép toán đa dạng trên dữ liệu đã được nhóm đó đểtrả về một kết quả duy nhất Trong SQL, count(*) và GROUP BY là tương đương vớiAggregation trong MongoDB

- Lưu trữ file: MongoDB được dùng như một hệ thống file tận dụng những function

trên và hoạt động như một cách phân phối qua sharding

10

- Ưu điểm của MongoDB

 Dữ liệu lưu trữ phi cấu trúc, không có tính ràng buộc, toàn vẹn nên tính sẵn sàng cao, hiệu suất lớn và dễ dàng mở rộng lưu trữ

 Dữ liệu được caching (ghi đệm) lên RAM, hạn chế truy cập vào ổ cứng nên tốc

độ đọc và ghi cao

- Nhược điểm của MongoDB

 Không ứng dụng được cho các mô hình giao dịch nào có yêu cầu độ chính xác cao do không có ràng buộc

 Không có cơ chế transaction (giao dịch) để phục vụ các ứng dụng ngân hàng

 Dữ liệu lấy RAM làm trọng tâm hoạt động vì vậy khi hoạt động yêu cầu một bộnhớ RAM lớn

 Mọi thay đổi về dữ liệu mặc định đều chưa được ghi xuống ổ cứng ngay lập tức

vì vậy khả năng bị mất dữ liệu từ nguyên nhân mất điện đột xuất là rất cao.-

CHƯƠNG II PHÂN TÍCH THIẾT KẾ HỆ THỐNG

2. Đặc tả yêu cầu hệ thống

1 Yêu cầu chức năng

a Hiển thị danh sách thông tin sách

- Chức năng này sẽ hiển thị tất cả các danh thông tin của sách khi chạy ứngdụng

- Mỗi quyển sách sẽ được liệt kê trong một danh sách bao gồm hình ảnh, tên, giábán, mô tả thông tin quyển sách đó

- Người dùng có thể lọc danh sách theo giá cả hoặc đánh giá từ người dùng

b Chức năng tìm kiếm sách

- Cho phép người cho phép người dùng có thể tìm ra những cuốn sách có nộidung đúng với từ khóa

c Chức năng đăng ký tài kho n: ả

- Cho phép người sử dụng đăng ký một tài khoản để sử dụng đặt hàng cần muatrên ứng dụng

- Thông tin đăng ký bao gồm tên đăng nhập, số điện thoại, mật khẩu

d Chức năng đặt hàng:

- Chức năng này cho phép người sử dụng đã đăng ký tài khoản

- Người dùng có thể chọn món hàng mình mua, hiển thị vào giỏ hàng, nhập sốlượng cần mua và nhập số điện thoại đã đăng ký với hệ thống để đặt mua sách

e Các chức năng của người quản lí bên cửa hàng:

- Cập nhật danh sách sản phẩm

- Quản lý danh sách khách hàng đã đăng ký

- Xem danh sách đơn đặt hàng

1 Phân tích hệ thống.

a Bi u đồồ ca s d ng (Usecase): ể ử ụ

- Khách hàng: Khách hàng đăng ký thành viên sau đó đăng nhập vào hệ thốngbằng số điện thoại và mật khẩu đã đăng ký Tại giao diện trang chủ, kháchhàng có thể xem được tất cả menu của cửa hàng, khuyến mãi, giỏ hàng vàthông tin của khách hàng Khi khách hàng chọn vào sách nào thì hệ thống sẽhiển thị thông tin cuốn sách đó bao gồm tên sách, thông tin sách, giá tiền, và

12

nút thêm vào giỏ hàng Trong giỏ hàng, khách hàng có thể xem được sáchmình đã chọn, cập nhật giỏ hàng như thêm sách và xóa sách sau đó thanh toán.Khách hàng còn có một chức năng đó là tìm sách, khách hàng có thể tìm kiếmđược tất cả các quyển sách mình muốn tìm ở thanh tìm kiếm.

- Quản lý cửa hàng: Cũng như khách hàng, người quản trị viên cần phải đăngnhập vào hệ thống Ở đây quản trị viên có thể cập nhật sách của cửa hàng Khichọn vào thao tác với chức năng thêm mới thì hệ thống sẽ hiển thị giao diệncho phép nhập thông tin sách, sau khi nhập, hệ thống sẽ kiểm tra tính hợp lệ.Khi người quản lý chọn mục xóa thì hệ thống sẽ hiển thị bảng yêu cầu xácnhận xóa thông tin sách Người quản trị viên có thể xem thông tin khách hàngbao gồm họ tên, số điện thoại, địa chỉ đặt hàng, ngoài ra người quản trị viêncòn có thể xem và quản lý hóa đơn đặt hàng