Báo cáo thực tập cơ sở đề tài xây dựng website bán sách trực tuyến

Giơi thiệu đề tài Hệ thống website bn và quản lý sch sch trực tuyến là môt website cungcấp cho người sử dụng, nhà quản lý những chức năng cân thiết để tiến hành giaodịch, quản lý sự h

HỌC VIỆN KỸ THUẬT MẬT MÃ KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO THỰC TẬP CƠ SỞ

ĐỀ TÀI:

XÂY DỰNG WEBSITE BÁN SÁCH TRỰC TUYẾN

Giáo viên hướng dẫn:

ThS Nguyễn Văn Phác Sinh viên thực hiện:

- Đào Văn Trường AT170152

- Phạm Nhật Lệ AT170629

- Trần Trung Hiếu AT170617

Hà Nội, 2023

HỌC VIỆN KỸ THUẬT MẬT MÃ KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO THỰC TẬP CƠ SỞ

ĐỀ TÀI:

XÂY DỰNG WEBSITE BÁN SÁCH TRỰC TUYẾN

 Nhận xét của cn bô hướng dẫn:

Điểm chuyên cân:

Điểm bo co:

Xác nhận ca cán bộ hương dân

MỤC LỤC

CHƯƠNG 1 PHÂN TÍCH YÊU CẦU HỆ THỐNG WEBSITE BÁN

SÁCH TRỰC TUYẾN 6

1.1 Tổng quan hệ thống website bn sch trực tuyến 6

1.1.1 Giới thiệu đề tài 6

1.1.2 Lý do chọn đề tài 7

1.1.3 Đối tượng khảo st 7

1.2 Yêu câu hệ thống 7

1.2.1Yêu câu chức năng 7

1.2.2 Yêu câu phi chức năng 8

1.3 Cc cng nghệ được sử dụng 8

1.3.1 Framework Spring boot 8

1.3.2 Thư viện Spring MVC 9

1.3.3 Thư viện Thymeleaf 10

1.3.4 Bootstrap 10

1.3.5 HTML 11

1.3.6 Cơ sở dữ liệu MySQL 11

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE BÁN SÁCH 12

2.1 Xc định tc nhn chính (Actor) 12

2.2 Biểu đồ user case tổng qut của hệ thống 13

2.3 Đặc tả cc User case 13

2.3.1 Đặc tả UC1 “Đăng nhập” 13

2.3.2 Đặc tả UC2 “Đăng ký” 14

2.3.3 Đặc tả UC3 “Xem trang chủ” 15

2.3.4 Đặc tả UC4 “Xem sch” 16

2.3.5 Đặc tả UC5 “Xem chi tiết sch” 16

2.3.6 Đặc tả UC6 “Quản lý tài khoản” 17

2.3.7 Đặc tả UC7 “Quản lý sch” 18

2.3.8 Đặc tả UC8 “Quản lý phn quyền” 18

2.3.9 Đặc tả UC9 “Quản lý hóa đơn” 19

2.3.10 Đặc tả UC10 “Quản lý giỏ hàng” 20

2.4 Biểu đồ hoạt đông 21

2.4.1 Biểu đồ hoạt đông cho chức năng đăng nhập 21

2.4.2 Biểu đồ hoạt đông cho chức năng đăng ký 21

2.4.3 Biểu đồ hoạt đông cho chức năng xem trang chủ 21

2.4.4 Biểu đồ hoạt đông cho chức năng xem sch và chi tiết sch 21

2.4.5 Biểu đồ hoạt đông cho chức năng quản lí tài khoản 21

2.4.6 Biểu đồ hoạt đông cho chức năng quản lí sch 21

2.4.7 Biểu đồ hoạt đông cho chức năng quản lí hóa đơn 21

2.4.8 Biểu đồ hoạt đông cho chức năng quản lí giỏ hàng 21

2.5 Biểu đồ tuân tự 21

2.5.1 Biểu đồ tuân tự cho chức năng đăng nhập 21

2.5.2 Biểu đồ tuân tự cho chức năng đăng ký 21

2.5.3 Biểu đồ hoạt đông cho chức năng xem trang chủ 21

2.5.4 Biểu đồ tuân tự cho chức năng xem sch và chi tiết sch 21

2.5.5 Biểu đồ hoạt đông cho chức năng quản lý sch 21

2.5.6 Biểu đồ tuân tự cho chức năng quản lý tài khoản 21

2.5.7 Biểu đồ tuân tự cho chức năng quản lý hóa đơn 21

2.5.8 Biểu đồ tuân tự cho chức năng quản lý giỏ hàng 21

2.6 M hình ER 21

2.7 Thiết kế cơ sở dữ liệu 21

2.8 Cc bảng chính trong cơ sở dữ liệu 22

2.8.1 Bảng “Address” 22

2.8.2 Bảng “Admin” 23

2.8.3 Bảng “Books” 23

2.8.4 Bảng “Cart” 24

2.8.5 Bảng “Login” 252.8.6 Bảng “Orders” 252.8.7 Bảng “Order_address” 26

BNG K HIỆUDANH MỤC BNG BIÊUDANH MỤC HNH V

LỜI NÓI ĐẦU 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à 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ụng củacon người, khng chỉ ở cng sở mà còn 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 đều tìm mọi biện php để xy dựng hoàn thiện hệ thống thngtin của mình nhằm tin học hóa cc hoạt đông tc nghiệp của đơn vị

Hiện nay cc cng ty tin học hàng đâu thế giới khng ngừng đâu tư cải thiệncc giải php cũng như cc sản phẩm nhằm cho phép tiến hành thương mại hóatrên Internet Thng qua cc sản phẩm và cng nghệ này, chúng ta dễ dàng nhận

ra tâm quan trọng và tính tất yếu của thương mạ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ó tận tay những gì 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ào nhữ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óatrên Internet nhưng do nhữ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ếnnên chỉ dừng lại ở mức đô giới thiệu sản phẩm và tiếp nhận đơn đặt hàng thngqua web.

Ý thức được tương lai của thương mại điện tử Việt Nam chúng em quyết địnhchọn đề tài xy dựng website bn sch trực tuyến Website sẽ đp ứng được nhucâu mua bn trực tuyến trên mạng Với mong muốn đề tài sẽ được đưa vào ứngdụng cho doanh nghiệp, vì vậy chúng em sẽ cố gắng hết mình và mong nhậnđược những đóng góp ý kiến và chỉ đạo của thây c

Bo co bao gồm cc nôi dung như sau:

Chưng 1: Phn tích yêu cầu hệ thống website bán sách trực tuyếnTập trung phn tích yêu câu của hệ thống

  Chưng 2: Phn tích thiết kế hệ thống bán sách trực tuyếnTập trung thiết kế giao diện, thiết kế CSDL cho hệ thống

Chưng 3: Triển khai hệ thống bán sách trực tuyếnTuy có nhiều cố gắng trong qu trình thiết kế, nhưng vẫn khngtrnh khỏi thiếu sót Trong phạm vi có giới hạn của bản bo co này,khng thể đề cập được hết tất cả những yêu câu của môt qu trình thiết

1.1.1 Giơi thiệu đề tài

Hệ thống website bn và quản lý sch sch trực tuyến là môt website cungcấp cho người sử dụng, nhà quản lý những chức năng cân thiết để tiến hành giaodịch, quản lý sự hoạt đông cũng như theo dõi tình hình pht triển doanh thu cũngnhư lượng tiêu thụ Đối với với khch hàng, hệ thống cho phép xem thng tin vềsản phẩm của cửa hàng, tìm kiếm Sau khi đăng nhập vào hệ thống cho phépkhch hàng có thể lựa chọn sản phẩm trên website đưa vào giỏ hàng và muahàng đã đặt trên website Từ đó tạo cho người dùng thấy được sự tiện lợi trongviệc đặt mua những quyển sch mà khng cân phải ra ngoài cửa hàng cũng nhưlàm phong phú, si nổi thêm thị trường thương mại điện tử

  1.1.3 Đối tượng khảo sát

  Đối tượng khảo st của đề tài “Xy dựng website bn sch trực tuyến” baogồm những người có nhu câu mua sch trực tuyến, bao gồm :

  Người đọc sách: Những người thường xuyên và có nhu câu mua sch trựctuyến để đọc hoặc sưu tâm

  Những người muốn tìm kiếm quà tặng sách: Những người muốn tìm kiếmquà tặng sch cho gia đình hoặc bạn bè

  Những người đam mê sách và muốn mua sách để tham khảo, tìm hiểuchuyên môn: Những người đam mê sch và muốn tìm kiếm những cuốn schchuyên ngành để đọc hoặc tham khảo

  Những người muốn mua sách giáo khoa, sách học tập: Những người đanghọc tập hoặc giảng dạy và cân mua sch gio khoa, sch học tập

  Các nhà bán lẻ sách trực tuyến: Cc doanh nghiệp, cng ty, tổ chức hoặc cnhn kinh doanh sch trực tuyến có thể là đối tượng khảo st để tìm hiểu về nhucâu và yêu câu của khch hàng

1.2 Yêu cầu hệ thống

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

Quản lý sản phẩm: Hệ thống cân cho phép người quản trị cập nhật, thêm,sửa xo cc sản phẩm sch từ kho dữ liệu của mình Ngoài ra, cân có tính năngtìm kiếm và lọc sản phẩm để tìm kiếm nhanh chóng, thuận tiện

Quản lý đn hàng: Hệ thống cân phải lưu trữ thng tin về đơn hàng, baogồm thng tin khch hàng, địa chỉ giao hàng, sản phẩm được đặt hàng và thngtin vận chuyển Hệ thống cũng cân hỗ trợ việ tạo đơn hàng mới, cập nhật trạngthi đơn hàng và gửi thng bo đến khch hàng về trạng thi đơn hàng của họ

Thống kê và báo cáo: Hệ thống cân cung cấp cho người quản trị c bo cothống kê về hàng ho của hệ thống

Quản lý khách hàng: Hệ thống cân lưu trữ thng tin về khch hàng, baogồm cả thng tin c nhn, địa chỉ, lịch sử mua hàng và thng tin liên lạc Ngoài

ra, cân có tính năng tìm kiếm và lọc khch hàng để tìm kiếm nhanh chóng, thuậntiện

1.2.2 Yêu cầu phi chức năng

Yêu câu phi chức năng của hệ thống bn sch trực tuyến:

 Tốc đô truy cập: Hệ thống cân đảm bảo tốc đô truy cập nhanh và ổn định

để khch hàng cũng như người quản lý có thể truy cập và sử dụng dịch vụmôt cch thuận tiện và hiệu quả

 Tương thích nhiều thiết bị: Hệ thống cân tương thích với nhiều thiết bịkhc nhau, bao gồm my tính, điện thoại di đông hay my tính bảng

 Đô bảo mật cao: Hệ thống cân đảm bảo tính bảo mật cao đối với thng tincủa khch hàng, bao gồm cả quy trình xc thực đăng nhập, mã hóa dữ liệu

và cc giải php bảo mật khc

 Dễ sử dụng: Hệ thống cân thiết kế đơn giản và dễ sử dụng để khch hàng

và người quản lý hệ thống có thể dễ dàng tương tc với cc chức năng của

nó môt cch thuận tiện và hiệu quả

 Hỗ trợ kỹ thuật: Hệ thống cân cung cấp cc dịch vụ hỗ trợ kĩ thuật đểkhch hàng và người quản lý hệ thống có thể giải đp cc vấn đề liên quanđến việc sử dụng hệ thống môt cch nhanh chóng và hiệu quả

 1.3 Các công nghệ được sử dụng

1.3.1 Framework Spring boot

Spring Boot là môt framework được pht triển bởi Pivital Team dựa trên nềntảng Spring framwork, để tạo ra cc microservice nhằm mục đích xy dựng ccứng dụng Spring đôc lập môt cch nhanh chóng và có khả năng thực thi ngay.Được xy dựng trên nền tảng Spring framework, Spring Boot có tất cả cc tínhnăng của Spring công thêm những tiện ích khc như: giảm thiểu cc bước cấuhình phức tạp, nhúng server container tự đông vào ứng dụng, quản lý

dependence thng minh, …Spring Boot có 3 tính năng quan trọng tạo lên sự nổi bật như:

SpringApplication: Spring Boot được thiết kế theo dạng “just run”, nên khicân chạy chương trình, chỉ cân gọi cc method run, class SpringApplication sẽgiúp khởi chạy cc ứng dụng từ hàm main thuận tiện.

Externalized Configuration: cho phép người dung câu hình từ bên ngoàigiúp môt ứng dụng được xy dựng có thể được vận hành và hoạt đông trên nhiềumi trường khc nhau

Profiles: giúp phn chia từng loại config cho từng mi trường trong trườnghợp có nhiều config khc nhau để dễ dàng quản lý

Cùng với đó, Spring Boot có cc ưu điểm như:

 Tự đông cấu hình gân như mọi thứ

 Đơn giản hóa việc quản lý từng microservice

 Từ annotation xy dựng cc bean thay vì XML

 Servlet được nhúng sẵn trong Spring Boot giúp dễ dàng bật và chạyServer Tomcat

 Cấu hình JavaBeans, XML và Database Transaction môt cch linh hoạt

1.3.2 Thư viện Spring MVC

Spring MVC là môt framework được thực hiện trong m hình MVC của ccứng dụng web Spring MVC Framework có nhiệm vụ cung cấp kiến trúc MVC

và cc component được sử dụng nhằm pht triển giúp cc ứng dụng web đượclinh hoạt hơn Hiện nay, Spring MVC được sử dụng v cùng phổ biến và đượcđnh gi cao nhờ sở hữu những điểm mạnh như:

 Cc tâng có trong Spring MVC thường đôc lập nên việc unit test sẽ trởnên dễ dàng hơn rất nhiều

 Phân view của chúng sẽ được tích hợp với nhiều Framework về UI nhưlà: JSF, Freemarker hoặc Themeleaf,

 Spring MVC base có trên cc POJO class nên hành đông của chúngthường sẽ đơn giản hơn

 Có thể hỗ trợ được cả Annotation và XML config giúp cho qu trình phttriển trở nên sạch hơn và nhanh hơn rất nhiều

 Có thể cung cấp giúp việc phn chia trở nên rõ ràng, linh hoạt hơn giữacc controller, service, data access layer.

1.3.3 Thư viện Thymeleaf 

Thymeleaf là môt thư viện mở và được coi là môt Java Template Engine,được dùng để xử lý và tạo ra HTML, XML, Javascript, CSS, Text, Raw, nó cóthể làm việc với vả mi trường web và non-web Mục tiêu chính của Thymeleaf 

là mong muốn tạo ra cc Template đơn giản, dễ bảo trì cho cc cng việc phttriển giao diện Trong cc dự n thực tế của Java, việc lựa chọn cc view phùhợp với cc dự n là hoàn toàn cân thiết và quan trọng

1.3.4 Bootstrap

Bootstrap là môt framework HTML, CSS, và JavaScript cho phép người dùng

dễ dàng thiết kế website theo môt chuẩn nhất định, tạo cc website thn thiện vớicc thiết bị câm tay như mobile, ipad, tablet, Bootstrap bao gồm những ci cơ  bản có sẵn như: typography, forms, buttons, tables, navigation, modals, imagecarousels và nhiều thứ khc Trong bootstrap có thêm nhiều Component,Javascript hỗ trợ cho việc thiết kế reponsive của bạn dễ dàng, thuận tiện vànhanh chóng Nó có môt vài những ưu điểm kh vượt trôi như:

Javascript chỉ cẩn có kiến thức cơ bản về 3 ci đó là có thể sử dụng bootstrap tốt

Iphones, tablets, và desktops Tính năng này khiến cho người dùng tiếtkiệm được rất nhiều thời gian trong việc tạo ra môt website thn thiện vớicc thiết bị điện tử, thiết bị câm tay

(Chrome, Firefox, Internet Explorer, Safari, and Opera) Tuy nhiên, với IE browser, Bootstrap chỉ hỗ trợ từ IE9 trở lên Điều này v cùng dễ hiểu vìIE8 khng support HTML5 và CSS3

1.3.5 HTML

HTML có tên đây đủ là Hypertext Markup Language nghĩa là ngn ngữ đnhdấu siêu văn bản HTML thường được sử dụng để tạo và cấu trúc cc phân trongtrang web và ứng dụng, phn chia cc đoạn văn, heading, link, blockquotes,

… Môt số ưu điểm của HTML có thể kể đến như:

 Tài nguyên phong phú

 Hoạt đông mượt mà, tương thích với nhiều trình duyệt

 HTML có cấu trúc đơn giản, dễ học

 Markup của HTML ngắn và đơn giản

MySQL hoạt đông khi môt hoặc nhiều my khch (client) kết nối với mychủ (server) thng qua môt mạng cụ thể Tất cả my khch đều có thể đưa ramong muốn cụ thể và my chủ sẽ trả lại kết quả tương ứng khi hiểu đúng yêucâu Với cc bước quy trình cơ bản:

 MySQL tạo cơ sở dữ liệu để lưu trữ và thao tc với dữ liệu, đồng thời xcđịnh mối quan hệ cho từng bảng

 Client đưa ra yêu câu, mong muốn thng qua cc cu lệnh SQL cụ thểtrên MySQL

 Server Application trả lại kết quả tương ứng với yêu câu và hiển thị phíaclient

 Khả năng mở rông tốt khi cân thiết.

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

BÁN SÁCH2.1 Xác định tác nhn chính (Actor)

khoản:  Đăng nhập,đăng xuất,

Quản lý Khách hàng:

xem thng tin khchhàng, tìm kiếm thng tinkhch hàng

  Quản lý sách: thêmsch, xem sch, tìmkiếm sch, xo sch,quản lý đơn đặt hàng

Khng xo được thngtin tài khoản của khchhàng

Khch hàng Đăng nhập, đăng ký, Khng xo được tài

đăng xuất, xem thng tintài khoản, xem lịch sửđơn hàng, đổi mật khẩu,xem chi tiết đơn hàng,xem sch, xem chi tiếtsch, thêm vào giỏ hàng,cập nhật số lượng schtrong giỏ hàng, xo

sch trong giỏ hàng, đặthàng, thanh ton đơnhàng

khoản

Bảng 1 Danh sch cc tc nhn và m tả2.2 Biểu đồ user case tổng quát ca hệ thống

Hình 1 Biểu đồ Use case tổng qut2.3 Đặc tả các User case

  2.3.1 Đặc tả UC1 “Đăng nhập”

Use case: Đăng nhập

Mục đích Khch hàng và người quản lý đăng nhập vào hệ thống

websiteM tả Khch hàng và người quản lý đăng nhập vào hệ thống

website với tài khoản và mật khẩu đã cóTc nhn Khch hàng và người quản lý

Điều kiện trước Khch hàng và người quản lý đã có tài khoản để đăng

nhập hệ thống website

Điều kiện sau Khch hàng và người quản lý đăng nhập được vào hệ

thống websiteLuồng sự kiện chính

(Basic flows)

1 Hệ thống website hiển thị giao diện đăng nhập

2 Khch hàng và người quản lý nhập tài khoản và mậtkhẩu của mình

3 Hệ thống website kiểm tra tính hợp lệ của tài khoản

và mật khẩu

4 Hệ thống website hiển thị giao diện chính tươngứng với tc nhn

Luồng sự kiện phụ(Alternative Flows)

1 Người dùng nhập tài khoản và mật khẩu sai

- Hệ thống website thng bo lỗi và yêu câu nhập lại

- Khch hàng và người quản lý nhập lại để tiếp tụccc bước sau

Bảng 2 Bảng đặc tả Use case đăng nhập

Luồng sự kiệnchính (Basicflows) Khch hàng

đã nhập tất cảthng tin cân

1 Khch hàng vào trang đăng ký

2 Hệ thống website hiển thị cc yêu câu cân thực hiện đểđăng ký, đăng ký tài khoản gồm có thng tin về Họ vàtên, địa chỉ, số điện thoại, email…

3 Khch hàng hoàn thành với mỗi yêu câu

4 Hệ thống kiểm tra và cập nhật thng tin khch hàng đãđăng ký vào cơ sở dữ liệu

5 Hệ thống hiển thị đăng ký thành cng

6 Khch hàng sử dụng tài khoản để đăng nhậpLuồng sự kiện phụ

(AlternativeFlows)

1 Thng tin đăng ký khng đúng:

- Họ và tên chưa nhập

- Địa chỉ chưa nhập

- Chưa nhập email và số điện thoại

- Tên tài khoản chưa nhập hoặc bị trùng

- Mật khẩu chưa đủ kí tự và yêu câu

- Nhập lại mật khẩu sai1.1 Khch hàng cân nhập lại để đăng ký1.2 Khch hàng nhập đúng tất cả để tiếp tục cc bướcsau

Bảng 3 Bảng đặc tả Use case đăng ký

  2.3.3 Đặc tả UC3 “Xem trang ch”

Use case: Xem trang chủMục đích Giúp khch hàng xem những sản phẩm nổi bật

của cửa hàngM tả Xem sch nổi bật chưc năng nổi bật của website

Điều kiện trước Khch hàng vào websiteĐiều kiện sau Khch hàng vào thành cngLuồng sự kiện chính

(Basic flows)

1 Khch hàng vào trình duyệt web

2 Khch hàng gõ đ a chỉ của website