báo cáo môn học chuyên đề thực tế 2 xây dựng website bán sách trực tuyến

Để quáng bá sản phẩm nhiều nhà kinh doanh của các công ty lớn đã có chiến lược quảng bá sản phẩm trên các thông tin đại chúng như báo, radio, TV trong đó quảng bá sản phâm trên website l

TRUONG DAI HOC GIAO THONG VAN TAI TP HO CHi MINH

KHOA CONG NGHE THONG TIN

BAO CAO MON HOC

TEN MON HOC: CHUYEN DE THUC TE 2

TEN DE TAI XAY DUNG WEBSITE BAN SACH TRUC TUYEN

SINH VIÊN THỰC HIỆN:

GIẢNG VIÊN HƯỚNG DAN:

Thầy Lê Quốc Tuần

TP HỎ CHÍ MINH - 2022

MUC LUC II €C'(9)0951121969)50ÿV-100157.7 4 )H.HĂẬH ÔỎ 1

1.1 Nội dung và tính thực tế của đề tài ¿-52-©22+22222222122212112212221221222.2Xe2 1 1.2 Cée yOu cau cha 66 tiie gAB H 2

2 PHAN TICH YEU CAU coceec soc sssessesssssssessssssesssssusssscssseusssuessssssssssessssusssecsessessssessessaeenecees 2 2.1 Sơ đỒ US€T-CAS€ 0c Sàn 13T E1 12111 111211111111111711111111121111111121111121121 112.2 2 2.2 Cơ sở đữ liệu -¿ 52-S52222221222122122112112211211E2112111111112111211.11211 11.11111211 Xe 4

3 CÁC GIẢI PHÁP GIẢI QUYÉT YÊU CÂU 22552 5222S+2E+2E+ZE+2E22E22E22E.2E.zxez 11

3.3 Một số thự viện hỗ trỢ -©22-52S22S21‡2E2221221121122112112212211221211 11.21.221.222 13 E90 on 0n 17

4 XÂY DỰNG TRANG WEB VÀ KÊT QUÁ ĐẠT ĐƯỢC . c+c+csrsrs 17 5 TONG KET VA PHUGNG HUONG PHAT TRIEN o.ssecssessssssesssssseeseesssessessesssessessaeenees 25 li hố -4A A ,.,HĂHẬH , 25

5.2 Phương hướng phát triỄn ¿222252 ©52 222 S22S32231231231211211211 2322222222222 25

1 GIỚI THIỆU ĐÈ TÀI

1.1 Nội dung và tính thực tế của đề tài

Trong những năm gần đây, thị trường thương mại điện tử Việt Nam (TMĐT) ngày càng được mở rộng và hiện đã trở thành phương thức kinh doanh phô biến được doanh nghiệp,

người dân biết đến Sự đa đạng về mô hình hoạt động, về đôi tượng tham gia, về quy trình hoạt động và chuỗi cung ứng hàng hóa, dịch vụ với sự hỗ trợ của hạ tầng Internet và ứng dụng công nghệ hiện đại đã đưa TMĐT trở thành trụ cột quan trong trong tiến trình

phát triển kinh tế số của quốc gia Công nghệ thông tin là một trong những lĩnh vực bức thiết không thê thiếu trong guồng máy kinh tế của nhiều nước trên thể giới đặc biệt là những nước đang phát triển như Việt

Nam hiện nay Việc cập nhập thông tin là rất cần thiết với nhà quán lý, nhà kinh doanh trong lĩnh vực này Để quáng bá sản phẩm nhiều nhà kinh doanh của các công ty lớn đã có chiến lược quảng bá sản phẩm trên các thông tin đại chúng như báo, radio, TV trong đó quảng bá sản phâm trên website là một trong những giải pháp hữu hiệu nhất.Đây là hình thức truyền tai

thông tin nhanh chóng, hiệu quả và chỉ phí thấp Trong bối cảnh dịch bệnh COVID-19, thị

trường TMĐT càng trở nên sôi động hơn và việc ứng dụng công nghệ số, xây dựng kênh phân phối mới đang trở thành một phương ánhữu hiệu cho các doanh nghiệp Việt Nam vượt qua khó khăn mang đến cơ hội mới từ nhu cầu mới phát sinh của thị trường Thói quen

mua hàng của người tiêu dùng Việt Nam tại thị trường nội địa cũng dần dịch chuyển từ mua

hàng truyền thông sang hình thức mua hàng online thông qua phương tiện điện tử Kết quả điều tra, khảo sát của Bộ Công Thương cho thấy, tính đến năm 2020, Việt Nam có 49,3 triệu người tham gia mua sắm trực tuyên (số liệu này năm 2016 mới chỉ ghi nhận 32,7 triệu người)

Sách là một nguồn kiến thức vô tận, chính vì vậy ai cũng luôn mong muốn sở hữu cho

mình những nguồn thông tin có giá trị một cách nhanh chóng với mức giá tốt nhất Đề đáp

ứng được nhu cầu này, nhóm em sẽ thiết kế và xay dung mot website ban sách online dé

giúp khách hàng mua sách một cách nhanh nhất và dễ dàng tiếp cận các nguồn kiến thức

mong muôn của người dùng

1.2 Các yêu cầu của đề tài

* Yêu cầu cơ bán: - Đăng ký, đăng nhập - Quan lý thông tin cá nhân Xem danh sách sản phẩm, lọc danh sách sán phẩm, tìm kiếm sản phẩm, chỉ tiết sản phâm

- Quản lý giỏ hàng (xem giỏ hàng, thêm sản phẩm, xóa sản phẩm) - Quản lý sản phẩm, quản lý loại sản phẩm, quản lý thương hiệu (thêm, xóa, sửa) - Quản lý đơn hàng (xem và xác nhận)

2 PHÂN TÍCH YÊU CÂU

2.1 Sơ đồ use-case: 2.1.1 Sơ đồ user-case tổng quát cho toàn bộ hệ thông Biểu đồ usecase tông quát gồm có 2 actor là khách hàng và người quản trị hệ thông - Người quản trị hệ thông (admin) thực hiện các công việc sau trong hệ thống: + Quản lý tài khoản

+ Quản lý sản phẩm: quản lý nhập sách, quản lý việc cập nhật, quản lý việc xoá sách + Quản lý khách hàng, thành viên

+ Quản lý hoa don: Quan ly hoa đơn nhập, quản ly hoa don ban + Quản lý nhà cung cấp: Thêm, sửa, xoá

- Khách hàng khi tương tác với trang web bán sách thì co thé thực hiện các công việc sau đây:

+ Đăng ký là thành viên + Đăng nhập vào trang web + Tìm kiếm sản phẩm + Đặt hàng qua mạng + Đánh giá

Quản lý tài khoản

«indie»

«include» 94-7 | Bao cao th6ngké > - “ cu ⁄

«include» a i: Ne

Tim kiếm sản phấm meet Kể

“ho g/ , Custorm «include» f tite :

2.1.1 Sơ đồ use-case : Quản lý đơn đặt hàng

Sude Stans

g CC Quân lý đơn đặt hàng — CC Quân lý đơn đặt hàng — lý đặt lào _

9 saicliider,

comers \ ees DHớs f s

«extend»* - feet CC Xử lý đơn hủy > situ!

2.1.2 Sơ đồ use-case : Tìm kiềm sản phẩm

ut time zone

6 updated_at timestamp witho ut time zone

category_name character v arying(255)

®©

© public & author

& ie digint

8 created_at timestamp witho

ut time zone ff updated_at timestamp witho

ut time zone full_name character varying (255)

6] note character varying(255) f] website character varying(2

55)

@

© public © product

A id digint created_at timestamp witho ut time zone

4 updated_at timestamp witho

ut time zone

6 brand_name character varyi

ng(255)

A Gate_first_available timesta

‘mp without time zone

ff] Gescription character varyin

ff sold integer & author_id bigint

——

®©Ö © public

arying(255)

@ © public

tran_message character var

yIng(255)

ñ tran_ status character varyin

0(255)

<f category-krtrgmt =-

& publisher_id bigint

updated_at timestamp witho

Hy

2)

® public E3 cart

@ id bigint 4 created_al timestamp witho

ut time zone 8 updated _at timestamp witho

ut time zone 6 quanity integer & proguct_i bigint

& user_id bigint >

Bi rote_name character varyin 9(255)

ut time zone 6] emai character varying(25

5)

6 usemame character varying

(255) # 10le_id bigint

\@

© pubic

© order_table

& wapgint ff createc_at timestamp witho

Luông đi đữ liệu :

Repository tra vé Entty cho Service trd data ve SN - cho Controller dưới Service có thé bien di Entity

dang céc Model thanh Model va tra cho

hien thị lên object Service 1 Repository 1 Đưa quarJ vào D8

mm Là trang web mà người dùng truy

User cap nem dieu Service 2

Contoler 2

Tương tự nhé

Cac bang trong csdl

Bảng Author

Z#ff website character varying v 255 ma mm

¢o created_by character varying x 255 No | No | ZmẰ updated_at timestamp without time zone + No | } No | Z1 updated_by character varying v 255 | mo | No |

x cancel JETER Bang image

Bang

Table: image (public) a

eo updated_py character varying v 255

ZmẰ information_publisher character varying x 255 No | (io

Zm name_publisher character varying v 255 Ì xo | ÌAo |

xcencel FET Bang product

+

Name Data type Length/Precision ‘Scale Not NULL? Primary key?

SO createaat timestamp without time zone * im kx

@ DB updated at timestamp without time zone v i} No EE

@ OD aate_nrst_available timestamp without time zone - I (i

@ DB aescription character varying ~ 255 I No

@ B productname character varying ~ 255 i} no | No

Name Data type Length/Precision Scale Not NULL? Primary key?

@ Ẩñ creatcd by character varying - 255 ks ky @ DW updated_at timestamp without time zone x i

@ B password character varying x 255 no | no |

<cwct EES

Bang role

Name Data type Length/Precision Scale Not NULL? Primary key?

Zm created_at timestamp without tinezone + Go created_by character varying v 255 ¢o updated_at timestamp without time zone = ¥

tZ updated_by character varying x 255 No | Z description character varying x 255

tZ role_name character varying x 255 [ No [ No

xcancel TS

Bảng cart

Bảng or General Columns

Name Data type Length/Precision Scale Not NULL? Primary key?

@ BD created at timestamp without time zone * ia aa

@ DB updated_at timestamp without time zone + No | a

oo updated_by character varying v 255 No | Hh No |

| & B® order_note character varying x 255 xo | a @ oO ship_address character varying v 255 (i (a (@ @ ship_name character varying x 255 | ko | xo |

# @ ship_phone character varying ~ 255 ia ia

eo createc_at timestamp without time zone x mm mm

# updated_at timestamp without time zone v (a | |

(#1 tan status character varying 255 mm

X Cancel

10

3 CAC GIAI PHAP GIAI QUYET YEU CAU

3.1 Ngôn ngữ lập trình được sử dụng - Ngôn ngữ được sử dụng để xây dựng trang web gồm: HTML, CSS, JavaScript, Java

- Cơ sở dữ liệu sử dụng cho trang web: postgreSQL 3.2 Giao diện lập trình ứng dụng

API la viết tắt cha Application Programming Interface — phwong thirc trung gian

kết nối các ứng dụng và thư viện khác nhau

Nó cung cấp khả năng truy xuất đến một tập các hàm hay dùng, từ đó có thể trao đôi dữ liệu giữa các ứng dụng

Thi thoảng vẫn có người lầm tưởng API là một ngôn ngữ lập trình nhưng thực ra, API chi là các hàm hay thủ tục thông thường Các hàm này được viết trên nhiều ngôn ngữ lập trình khác nhau

4 đặc điểm nỗi bật của API « API su dung mã nguồn mở, dùng được với mọi client hỗ trợ XML, JSON + API co kha nang dap img day du cdc thanh phan HTTP: URL, request/response

headers, caching, versioning, content forma Ban cé thé sử dụng các host nằm trong phần ứng dụng hoặc trên IIS

« - Mô hình web API dùng dé hé tro MVC nhu: unit test, injection, ioc container, model binder, action result, filter, routing, controller Ngoai ra, nó cũng hỗ trợ RESTfl đầy đủ các phương thức như: GET, POST, PUT, DELETE cae dtr liệu

« _ Được đánh giá là một trong những kiêu kiến trúc hỗ trợ tốt nhất với các thiết bị

có lượng băng thông bị giới hạn như smartphone, tablet Ưu điểm

« Giao tiếp hai chiều phải được xác nhận trong các giao dịch sử dụng API Cũng chính vì vậy mà các thông tin rất đáng tin cậy

« API là công cụ mã nguồn mở, có thê kết nối mọi lúc nhờ vào Internet - Hỗ trợ chức năng RESTful một cách đầy đủ

II

« Cấu hình đơn giản khi duoc so sanh voi WCF (Window Communication Foundation) Cung cap cap trai nghiệm thân thiện với người dùng

Nhược điểm - Tôn nhiều chi phí phát triển, vận hành, chỉnh sửa « Đòi hỏi kiến thức chuyên sâu

« Có thê gặp vấn đề bảo mật khi bị tấn công hệ thống Ứng dung cua API

Web API: La hé thong API dugc str dung trong cac hé thong website, chang hạn: Google, Facebook Hầu hết các website đều cung cấp hệ thông API cho

phép bạn kết nối, lay đữ liệu hoặc cập nhật cơ sở dữ liệu Đa số Web API được thiết kế theo tiêu chuan RESTful

API trên hệ điều hành: Windows hay Linux có rất nhiều API Họ cung cấp các tài liệu API là đặc tả các hàm, phương thức cũng như các giao thức kết nối Nó giúp lập trình viên có thê tạo ra các phần mềm ứng dụng có thê tương tác

trực tiếp với hệ điều hành

API của thư viện phần mềm (framework): API mô tả và quy định các hành động mong muốn mà các thư viện cung cấp Một API có thể có nhiều cách triển khai khác nhau, giúp cho một chương trình viết bằng ngôn ngữ này có thé str dụng được thư viện viết bằng ngôn ngữ khác

3.3 Một số thư viện hỗ trợ 3.3.1 Thư viện Javascript

JavaScript là một ngôn ngữ lập trình đa nền tang (eross-platform), ngôn ngữ lập trình kịch bản, hướng đối tượng JavaScript là một ngôn ngữ nhỏ và nhẹ (small and lightweight) Khi nằm bên trong một môi trường (host environment), JavaScript có thể kết nói tới các object của môi trường đó và cung cấp các cach quan ly chung (object)

JavaScript chứa các thư viện tiêu chuẩn cho các object, vi du

nhu: Array, Date, va Math, va cac yéu tố cốt lõi của ngôn ngữ lập trình như:

12

toan tir (operators), cu tric diéu khién (control structures), và câu lệnh

JavaScript co thể được mở rộng cho nhiều mục đích bằng việc bố sung thêm

các obJect Ngôn ngữ này được dùng rộng rãi cho các trang web, nhưng cũng được dùng đề tạo khả năng viết script sử dụng các đối tượng nằm sẵn trong các ứng dụng Giống Java, JavaScript có cú pháp tương tự ngôn ngữ lập trình C, nhưng nó gần với Self hơn Java “.js” là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript

3.3.2 Thư viện BOOTSTRAP Bootstrap là một Eramework có chứa HTML, CSS, JAVASCRIPT,

Framework trong tiếng việt có nghĩa là “khuôn khô” giúp tiết kiệm được thời gian, công sức hơn nữa việc xây dựng hai teamplate cho giao diện Desktop và Mobile đã lỗi thời thay vào đó là Responsive Responsive sẽ giúp website của bạn hiễn thị tương thích với mọi kích thước màn hình nhờ

đó bạn sẽ tùy chỉnh hiện thị được nhiều hơn trên các loại màn hình khác

thời gian để tự viết code cho giao điện của mình

Tùy biến cao: Bạn hoàn toàn có thê dựa vào Bootstrap và phát triển nền táng giao diện của chính mình Bootstrap cung cấp cho bạn hệ thông

Grid System mặc định bao gồm 12 bột và độ rộng 940px Bạn có thê thay

đổi, nâng cấp và phát triên dựa trên nền tảng này Responsive Web Design: Với Bootstrap, việc phát triển giao điện website để phù hợp với đa thiết bị trở nên đễ dàng hơn bao giờ hết Đây là xu hướng phát triển giao diện website đang rất được ưu chuộng trên thể giới Nhược điểm của Bootstrap

13