Đồ Án cơ sở 2 xây dựng website kinh doanh Đồ chơi thể thao skateboard

Website Leninn đã ra đời để đáp ứng nhu cầu của mọi người với mục đíchchính là giúp khách hàng có thể đặt mua các sản phẩm đồ chơi thể thaoskateboard qua mạng một cách nhanh chóng, tiện

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 2 XÂY DỰNG WEBSITE KINH DOANH

ĐỒ CHƠI THỂ THAO SKATEBOARD

Sinh viên thực hiện: ĐÀM TRUNG NGUYÊN

HỒ VĨNH DUY PHƯƠNG

Giảng viên hướng dẫn: TS NGÔ LÊ QUÂN

Đà Nẵng, tháng 12 năm 2023

TRUYỀN THÔNG VIỆT HÀNKhoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 2 XÂY DỰNG WEBSITE KINH DOANH

ĐỒ CHƠI THỂ THAO SKATEBOARD

Sinh viên: ĐÀM TRUNG NGUYÊN Mã: 22IT187

Giảng viên hướng dẫn: TS NGÔ LÊ QUÂN

Đà Nẵng, tháng 12 năm 2023 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

LỜI CẢM ƠNTrước tiên chúng em xin bày tỏ lòng biết ơn vô cùng chân thành tớinhững thầy giáo trong Đại học công nghệ thông tin và truyền thông Việt Hàn đãnhiệt tình giúp đỡ, chia sẻ với em nhiều tri thức, kinh nghiệm bổ ích xuyên suốttrong quá trình vừa qua

Đặc biệt em xin bày tỏ lời biết ơn đối với thầy giáo Ngô Lê Quân đã nhiệttình giảng dạy, tận tâm chỉ bảo và hỗ trợ sinh viên xuyên suốt thời gian triểnkhai Đồ án cơ sở 2 Trong khi làm việc, em không ngừng tiếp nhận được nhiềuthông tin hữu ích mà còn học tập cả phong cách làm việc, phương pháp nghiêncứu khoa học tích cực, nghiêm túc, đây là các hành trang vô cùng quý báu đốivới em cho quá trình giảng dạy và công tác sau này

Sau cùng xin bày tỏ lòng biết ơn sâu sắc đối với thầy cô, bè bạn đã quantâm, đóng góp ý kiến và hỗ trợ trong suốt thời gian học hành, rèn luyện và hoànthiện bản luận văn này

Tuy đã cố gắng hết mình mới có thể hoàn thiện bài đồ án cơ sở lần này.Tuy nhiên chúng em chắc chắn cũng không thể nào thoát ra khỏi khiếm khuyết.Kính mong tiếp tục có những hướng dẫn và hỗ trợ của quý thầy cô cùng các bạn

để sản phẩm của tụi em ngày càng phát triển hoàn thiện hơn nữa

Một lần nữa, chúng em xin trân trọng cảm ơn!

Sinh viên,

Đàm Trung Nguyên

Hồ Vĩnh Duy Phương

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

VIẾT TẮT NỘI DUNG

CNTT Công nghệ thông tin

TMĐT Thương mại điện tử

DANH MỤC HÌNH VẼ

Hình 1 HTML 20

Hình 2 CSS 21

Hình 3 Javascript 22

Hình 4 Thư viện Javascript hỗ trợ 23

Hình 5 Bootstrap (CSS Framework) 24

Hình 6 PHP Laravel 25

Hình 7 Mô hình MVC 26

Hình 8 ORM Framework 27

Hình 9 Transactions API 27

Hình 10 Visual Studio Code 28

Hình 11 MySQL 29

Hình 12 XAMPP 30

Hình 13 Sơ đồ use case tổng quát 35

Hình 14 Sơ đồ use case người quản lí 36

Hình 15 Sơ đồ use case của khách hàng 36

Hình 16 Sơ đồ use casee khi mua hàng 37

Hình 17 Sơ đồ lớp của website 37

Hình 18 Sơ đồ hoạt động đăng nhập 38

Hình 19 Sơ đồ hoạt động đăng kí 38

Hình 20 Sơ đồ hoạt động mua hàng 38

Hình 21 Giao diện trang chủ - 1 42

Hình 22 Giao diện trang chủ - 2 43

Hình 23 Giao diện trang cửa hàng 44

Hình 24 Danh sách các sản phẩm 44

Hình 25 Liệt kê các sản phẩm theo loại 45

Hình 26 Thông tin sản phẩm chi tiết 45

Hình 27 Các sản phẩm tương tự 46

Hình 28 Giao diện trang về chúng tôi 46

Hình 29 Trang liên lạc 47

Hình 30 Gửi tin nhắn tới website Error! Bookmark not defined Hình 31 Thông báo gửi tin nhắn thành công Error! Bookmark not defined Hình 32 Giao diện iỏ hàng và thanh toán 48

Hình 33 Xem các sản phẩm trong giỏ hàng 48

Hình 34 Xam sản phẩm, thông tin đơn hàng 49

Hình 35 Xem trạng thái đơn hàng 50

Hình 36 Giao diện đăng nhập 51 Hình 37 Kiểm tra thông tin - 1 Error! Bookmark not defined

Hình 38 Kiểm tra thông tin - 2 Error! Bookmark not defined

Hình 39 Thông báo khi điền thiếu thông tinError! Bookmark not

defined

Hình 40 Thông báo khi thông tin sai Error! Bookmark not defined

defined

Hình 42 Giao diện đăng kí 52

Hình 43 Thông tin cá nhân Error! Bookmark not defined Hình 44 Thông tin tài khoản Error! Bookmark not defined Hình 45 Thông tin địa chỉ Error! Bookmark not defined Hình 46 Thông báo điền thiếu thông tin bắt buộc Error! Bookmark not defined Hình 47 Hỗ trợ quên mật khẩu Error! Bookmark not defined Hình 48 Thông báo mật khẩu đã gửi vào gmail Error! Bookmark not defined Hình 49 Mật khẩu mới được gửi ở gmailError! Bookmark not defined Hình 50 Giao diện quản lí 53

Hình 51 Chức năng khóa/mở tài khoảnError! Bookmark not defined Hình 52 Giao diện quản lí sản phẩm - 1 53

Hình 53 Giao diện quản lí sản phẩm - 2.Error! Bookmark not defined Hình 54 Thêm sản phẩm 54

Hình 55 Cập nhật thông tin sản phẩm 54

Hình 56 Xóa sản phẩm 54

Hình 57 Giao diện quản lí hóa đơn 55

Hình 58 Giao diện quản lí loại sản phẩm 55

Hình 59 Thêm loại sản phẩm 55

Hình 60 Chỉnh sửa loại sản phẩm 55

Hình 61 Xóa loại sản phẩm 56

MỤC LỤC

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

DANH MỤC HÌNH VẼ 6

MỤC LỤC 8

MỞ ĐẦU 12

1 Giới thiệu 12

2 Mục tiêu của đề tài 12

3 Nội dung và kế hoạch thực hiện 13

4 Bố cục báo cáo 15

CHƯƠNG 1 TỔNG QUAN VỀ WEBSITE 16

1 TỔNG QUAN 16

1.1 Tên đề tài 16

1.2 Vấn đề cần giải quyết 16

2 GIỚI THIỆU WEBSITE 16

2.1 Trang chủ 17

2.2 Cửa hàng 17

2.3 Blog 17

2.4 Về chúng tôi 18

2.5 Liên lạc 18

2.6 Giỏ hàng và thanh toán 18

2.7 Đăng kí 18

2.8 Đăng nhập 18

2.9 Hỗ trợ quên mật khẩu 18

2.10 Trang quản lí 19

3 Kết chương 1 19

CHƯƠNG 2 GIỚI THIỆU CÔNG NGHỆ 20

1 CÔNG NGHỆ 20

1.1 HTML 20

1.2 CSS 21

1.3 Javascript 22

1.4 Thư viện Javascript hỗ trợ (Jquery) 23

1.5 Bootstrap (CSS Framework) 23

1.6 PHP Laravel 24

1.8 ORM Framework 26

1.9 Transactions API 27

2 CÔNG CỤ THỰC HIỆN 28

2.1 Visual Studio Code 28

2.2 MySQL 29

2.3 XAMPP 30

3 Kết chương 2 31

CHƯƠNG 3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 32

1 CÁC CHỨC NĂNG 32

1.1 Quản lí 32

1.2 Khách hàng 33

2 CÁC SƠ ĐỒ THIẾT KẾ HỆ THỐNG 34

2.1 Usecase 34

2.2 Sơ đồ lớp 37

2.3 Sơ đồ hoạt động 37

3 CHI TIẾT CÁC BẢNG 38

3.1 Danh sách các bảng 39

3.2 Bảng giỏ hàng 39

3.3 Bảng sản phẩm 39

3.4 Bảng người dùng 39

3.5 Bảng loại sản phẩm 40

3.6 Bảng chi tiết hóa đơn 40

3.7 Bảng hóa đơn 40

3.8 Bảng liên hê 40

3.9 Bảng trạng thái thanh toán 40

3.10 Bảng ngân hàng 40

3.11 Bảng thanh toán qua ngân hàng 41

4 Kết chương 3 41

CHƯƠNG 4 GIỚI THIỆU WEBSITE 42

1 TRANG CHỦ 42

2 CỬA HÀNG 43

2.1 Tổng quan 43

2.2 Các chức năng 44

4 LIÊN LẠC 46

4.1 Tổng quan 46

4.2 Các chức năng Error! Bookmark not defined. 5 GIỎ HÀNG, THANH TOÁN 47

5.1 Tổng quan 47

5.2 Các chức năng 48

6 ĐĂNG NHẬP 50

6.1 Tổng quan 50

6.2 Các chức năng Error! Bookmark not defined. 7 ĐĂNG KÍ 51

7.1 Tổng quan 51

7.2 Các chức năng Error! Bookmark not defined. 8 HỖ TRỢ QUÊN MẬT KHẨU 52

8.1 Tổng quan Error! Bookmark not defined. 8.2 Các chức năng Error! Bookmark not defined. 9 QUẢN LÍ 53

9.1 Quản lí khách hàng 53

9.2 Quản lí sản phẩm 53

9.3 Quản lí hóa đơn 54

9.4 Quản lí loại sản phẩm 55

KẾT LUẬN 57

1 Kết quả đạt được 57

2 Ưu nhược điểm của website 57

3 Hướng nghiên cứu 57

TÀI LIỆU THAM KHẢO 58

11

MỞ ĐẦU

1 Giới thiệu

Trong vài năm trở lại đây, công nghệ thông tin không ngừng phát triển ngàycàng rộng rãi và có thể ứng dụng ở mọi mặt của cuộc sống Sự xuất hiện củacông nghệ thông tin việc làm cho diện mạo xã hội và cuộc sống người dân ngàycàng tăng cao rõ rệt có đóng góp lớn lao vào quá trình tiến bộ của thế giới Với

xu hướng phát triển nền thương mại thế giới, cụ thể là việc trao đổi hàng hoá củacon người ngày càng tăng cao cả về số lượng và giá trị, nhu cầu sử dụng Internetngày càng nhiều kéo theo những phương thức buôn bán trên mạng vô cùng tiệnlợi và phong phú rất được nhiều người quan tâm và ưa Vì vậy, một số shop thểthao đã mở rộng phạm vi hoạt động và sử dụng những cách bày hàng trên cáctrang TMĐT giúp khách hàng nhanh chóng tìm hiểu hơn mà không phải mấtthêm nhiều công sức và thời gian

Website Leninn đã ra đời để đáp ứng nhu cầu của mọi người với mục đíchchính là giúp khách hàng có thể đặt mua các sản phẩm đồ chơi thể thaoskateboard qua mạng một cách nhanh chóng, tiện lợi và tiết kiếm thời gian chiphí Khách hàng đến với chúng tôi để dễ dàng nâng cấp bề ngoài của bản thânvới những sản phẩm chất lượng mang lại hiệu qua cao được bán trên website

Từ những vấn đề đặt ra ở trên, được sự đồng ý và sự hướng dẫn tận tình củathầy TS Ngô Lê Quân, nhóm đã chọn đề tài “Xây dựng website đồ chơi thể thaoskateboard”

2 Mục tiêu của đề tài

 Thành công xây dựng được website thể thao skateboad hiệu quả đáp ứng đầy

đủ nhu cầu của khách hàng, và tiếp tục phát triển dự án để mang lại những lợiích tốt đẹp hơn

 Cũng cố được những kiến thức, kĩ năng đã được học liên quan tới môn họcLập trình web và phân tích thiết kế hệ thống

3 Nội dung và kế hoạch thực hiện

 Khảo sát phân tích và đặc tả hệ thống :

 Bước 1: Khảo sát

 Khảo sát sơ bộ: tìm hiểu các yếu tố cơ bản (tổ chức, văn hóa, đặc trưng,con người, ) tạo tiền đề để phát triển HTTT phù hợp với dự án và doanhnghiệp

 Khảo sát chi tiết: thu thập thông tin chi tiết của hệ thống (chức năng xử lý,thông tin được phép nhập và xuất khỏi hệ thống, ràng buộc, giao diện cơ bản,nghiệp vụ) phục vụ cho việc phân tích và thiết kế

 Bước 2: Đặt ra các vấn đề trọng tâm cần phải giải quyết, như:

 Thông tin đưa vào hệ thống phải như thế nào?

 Dữ liệu hiển thị và xuất ra khác nhau ở những điểm nào?

 Ràng buộc giữa các đối tượng trong hệ thống cần xây được dựng ra sao?

 Chức năng và quy trình xử lý của hệ thống phải đảm bảo những yêu cầunào?

 Cần sử dụng những giải pháp nào? Tính khả thi của từng giải pháp ra sao?

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

 Xác định yêu cầu của HTTT gồm: các chức năng chính - phụ; nghiệp vụcần phải xử lý đảm bảo tính chính xác, tuân thủ đúng các văn bản luật và quyđịnh hiện hành; đảm bảo tốc độ xử lý và khả năng nâng cấp trong tương lai

 Phân tích và đặc tả mô hình thông qua sơ các sơ đồ, từ mô sẽ tiếp tụcđược xây dựng thành mô hình luồng dữ liệu

 Phân tích bảng dữ liệu Cần đưa vào hệ thống những bảng dữ liệu (datatable) gồm các trường dữ liệu (data field) nào? Xác định khóa chính (primarykey), khóa ngoại (foreign key) cũng như mối quan hệ giữa các bảng dữ liệu(relationship) và ràng buộc (constraint) dữ liệu cần thiết

 Xây dựng website

 Bước 1: Thiết kế front-end

Thiết kế giao diện bằng các ngôn ngữ HTML, CSS, JavaScript, và các công cụ

hỗ trợ khác nhau Tạo ra giao diện dễ nhìn, thân thiện, thu hút, và dễ dàng thaotác thực hiện các chức năng của trang web

 Bước 2: Thiết kế back-end

 Thiết kế cơ sở dữ liệu (Database): Với mô hình mức vật lý hoàn chỉnh ở giaiđoạn thiết kế đại thể sẽ được kết sinh mã thành file sql

 Thiết kế truy vấn, thủ tục, hàm: thu thập, xử lý thông tin nhập và đưa ra thôngtin chuẩn xác theo đúng nghiệp vụ

 Thiết kế chức năng chương trình đảm bảo tính logic trong quá trình nhập liệu và

xử lý cho người dùng

 Thiết kế báo cáo Dựa trên các yêu cầu của mỗi doanh nghiệp và quy định hiệnhành sẽ thiết kế các mẫu báo cáo phù hợp hoặc cho phép doanh nghiệp tư tạomẫu báo cáo ngay trên hệ thống

 Thiết kế các kiểm soát bằng hình thức đưa ra các thông báo, cảnh báo hoặc lỗi

cụ thể tạo tiện lợi và kiểm soát chặt chẽ quá trình nhập liệu với mục tiêu tăng độchính xác cho dữ liệu

 Kiểm chứng các modules chức năng của hệ thống thông tin, chuyển cácthiết kế thành các chương trình (phần mềm).

 Thử nghiệm hệ thống thông tin

 Cuối cùng là khắc phục các lỗi (nếu có)

 Viết test case theo yêu cầu

Kết quả cuối cùng là một trang web thương mại điện tử cung cấp môi trườngmua bán đồ chơi thể thao skateboard

 Viết báo cáo: Viết báo cáo chi tiết theo hướng dẫn của GVHD

 Sau phần Mở đầu, báo cáo được trình bày trong bốn chương, cụ thể như sau:

 Chương 1 Tổng quan về website Trong chương này, báo cáo trình bày tên

đề tài và vấn đề cần giải quyết

 Chương 2 Giới thiệu công nghệ Giới thiệu công nghệ và công cụ sử dụng đểxây dựng website

 Chương 3 Phân tích và thiết kế hệ thống Chương này phân tích chi tiết, thiết

kế hệ thống trong website và các bảng dữ liệu xây dựng website

 Chương 4 Giới thiệu website Chương này mô tả về frontend của website vàcác chức năng của website

Cuối cùng là Kết luận, Tài liệu tham khảo và Phụ lục liên quan đến đề tài

CHƯƠNG 1 TỔNG QUAN VỀ WEBSITE

 Với sự phát triển nhanh chóng của công nghệ và độ phủ sóng rộng khắp củaInternet, lĩnh vực kinh doanh các sản phẩm thể thao tại Việt Nam ngày càngđược quan tâm nhiều hơn Tuy nhiên, với lĩnh vực kinh doanh nhiều tiềmnăng này thì có hàng trăm, hàng ngàn đơn vị, doanh nghiệm tham gia khiếncho sự cạnh tranh cũng vô cùng gay gắt Mỗi cửa hàng có nhiều mức giá vàcác chương trình ưu đãi khác nhau dẫn đến khó khăn cho người dùng trongviệc tìm kiếm giá cả và các sản phẩm của cửa hàng

 Với mục đích giúp người dùng tiếp cận nhiều hơn nữa chương trình và cácsản phẩm thể thao ván trượt, em quyết định chọn đề tài “Phân tích thiết kế vàxây dựng Website kinh doanh đồ chơi thể thao skateboard”

2 GIỚI THIỆU WEBSITE

 Website được chia thành các trang

 Quản lí nhân viên

 Quản lí hóa đơn

 Quản lí loại sản phẩm

2.1 Trang chủ

 Hiển thị các thông tin về sản phẩm nổi bật, vừa mới ra mắt, sản phẩm được mọingười đánh giá cao nhất và sản phẩm được mua nhiều nhất…

 Các Slider để giới thiệu về website và cửa hàng ván trượt

 Những blog liên quan tới hướng dẫn chơi ván, tips thực hiện các kĩ thuật,…

Ngoài ra, có các tips chơi ván làm sao cho hiệu quả tránh những sai lầm gây ra trấnthương.

2.6 Giỏ hàng và thanh toán

Đây là trang hiển thị các sản phẩm mà khách hàng đã thêm vào giỏ hàng trong quátrình mua sắm tại website và cung cấp cách thanh toán tự động kết nối ngân hàng củacửa hàng với khách hàng

Khách hàng cần cung cấp các thông tin: Tên đăng nhập, mật khẩu

Nếu khách hàng quên mật khẩu thì cần chuyển tới trang hỗ trợ quên mật khẩu để lấylại mật khẩu

 Quản lí nhân viên : Các thông tin của nhân viên trong cửa hàng sẽ được quản

lí trên hệ thống Các nhân viên ở các bộ phận khác nhau sẽ có các quyền hạn

sử dụng trang web khác nhau

 Quản lí hóa đơn : Khách hàng sau khi mua hàng sẽ được lập các hóa đơn.Hóa đơn gồm các thông tin về sản phẩm được mua, tổng tiền, thông tinkhách hàng, ngày lập hóa đơn… Các hóa đơn sẽ được chuyển thành hóa đơn

cũ sau khi giao hàng

 Quản lí loại sản phẩm: Quản trị viên có thể quản lí các thông tin về sản phẩmnhư: Tên sản phẩm, mã sản phẩm, các thông số của sản phẩm…

3 Kết chương 1

Thông qua tìm hiểu những nhu cầu của thị trường và những nhu cầu thực tiễn từ

đó, làm cơ sở đề xuất những công nghệ và công cụ để thực hiện đề tài và cơ sở dữ liệu

sẽ được trình bày trong chương tiếp theo

CHƯƠNG 2 GIỚI THIỆU CÔNG NGHỆ

1 CÔNG NGHỆ

1.1 HTML

 HTML (viết tắt của từ HyperText Markup Language, hay là "Ngôn ngữ Đánhdấ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áctrang web trên World Wide Web Nó có thể được trợ giúp bởi các công nghệnhư CSS và các ngôn ngữ kịch bản giống như JavaScript

Hình 1 HTML

 Một website thường chứa nhiều trang con và mỗi trang con này lại có mộttập tin HTML riêng Lưu ý, HTML không phải là ngôn ngữ lập trình Điềunày có nghĩa là nó không thể thực hiện các chức năng “động” Hiểu một cáchđơn giản hơn, cũng tương tự như phần mềm Microsoft Word, HTML chỉ cótác dụng bố cục và định dạng trang web HTML khi kết hợp với CSS vàJavaScript sẽ trở thành một nền tảng vững chắc cho thế giới mạng

 HTML được tạo ra bởi Tim Berners-Lee, một nhà vật lý học của trung tâmnghiên cứu CERN ở Thụy Sĩ Hiện nay, HTML đã trở thành một chuẩnInternet được tổ chức W3C (World Wide Web Consortium) vận hành và pháttriển Phiên bản đầu tiên của HTML xuất hiện năm 1991, gồm 18 tag HTML.Phiên bản HTML 4.01 được xuất bản năm 1999 Sau đó, các nhà phát triển

đã thay thế HTML bằng XHTML vào năm 2000 Đến năm 2014, HTMLđược nâng cấp lên chuẩn HTML5 với nhiều tag được thêm vào markup, mụcđích là để xác định rõ nội dung thuộc loại là gì (ví dụ như: <article>,

Nó có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tửtrên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng…thì CSS sẽgiúp ta có thể thêm style vào các phần tử HTML đó như đổi bố cục, màu sắctrang, đổi màu chữ, font chữ, thay đổi cấu trúc…

 CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996,

vì HTML không được thiết kế để gắn tag để giúp định dạng trang web

 Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùngchọn có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác Sau

đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó

 Mối tương quan giữa HTML và CSS rất mật thiết HTML là ngôn ngữmarkup (nền tảng của site) và CSS định hình phong cách (tất cả những gì tạonên giao diện website), chúng là không thể tách rời

1.3 Javascript

Hình 3 Javascript

 Javascript là một ngôn ngữ lập trình kịch bản dựa vào đối tượng phát triển cósẵn hoặc tự định nghĩa Javascript được sử dụng rộng rãi trong các ứng dụngWebsite Javascript được hỗ trợ hầu như trên tất cả các trình duyệt nhưFirefox, Chrome, trên máy tính lẫn điện thoại

 Nhiệm vụ của Javascript là xử lý những đối tượng HTML trên trình duyệt

Nó có thể can thiệp với các hành động như thêm / xóa / sửa các thuộc tínhCSS và các thẻ HTML một cách dễ dàng Hay nói cách khác, Javascript làmột ngôn ngữ lập trình trên trình duyệt ở phía client Tuy nhiên, hiện nay với

sự xuất hiện của NodeJS đã giúp cho Javascript có thể làm việc ở backend

 Hãy thử truy cập vào một số website trên internet thì sẽ thấy có những hiệuứng slide, menu xổ xuống, các hình ảnh chạy qua chạy lại rất đẹp tất cả cácchức năng này đều được xử lý bằng Javascript.

1.4 Thư viện Javascript hỗ trợ (Jquery)

 jQuery là một thư viện JavaScript, được sử dụng rộng rãi trong lập trình, thiết

kế website nhằm xây dựng các tính năng bằng JavaScript nhanh chóng, đơngiản hơn Nó không phải là ngôn ngữ lập trình riêng mà liên kết chặt chẽ vớiJavaScript

Hình 4 Thư viện Javascript hỗ trợ

 4 điểm mạnh nhất của Chart.js là:

 Dự án mã nguồn mở: cả cộng đồng phát triển và khắc phục lỗi

 Tương thích tốt với HTML 5 cái này gần như bắt buộc ở hiện tại

 Hơn 8 kiểu Sơ đồ phổ biến nhất hiện nay

 Responsive: hiển thị đẹp nhất trên tất cả các thiết bị từ desktop, tablet,mobile

1.5 Bootstrap (CSS Framework)

 Các ưu điểm của Boostrap:

Hình 6 PHP Laravel

 Laravel là một framework PHP với nhiều ưu điểm vượt trội

 Những lý do khiến Laravel trở nên rộng rãi:

Cú pháp dễ hiểu – rõ ràng

Hệ thống đóng gói modular và quản lý gói phụ thuộc

Nhiều cách khác nhau để truy cập vào các cơ sở dữ liệu quan hệ

Nhiều tiện ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng dụng

1.7 Mô hình MVC

Hình 7 Mô hình MVC

MVC là viết tắt của cụm từ “Model-View-Controller“ Đây là mô hình thiết

kế được sử dụng trong kỹ thuật phần mềm MVC là một mẫu kiến trúc phầnmềm để tạo lập giao diện người dùng trên máy tính MVC chia thành ba phầnđược kết nối với nhau và mỗi thành phần đều có một nhiệm vụ riêng của nó

và độc lập với các thành phần khác Tên gọi 3 thành phần:

 Model (dữ liệu): Quản lí xử lí các dữ liệu

 View (giao diện): Nới hiển thị dữ liệu cho người dùng

 Controller (bộ điều khiển): Điều khiển sự tương tác của hai thành phầnModel và View

1.8 ORM Framework

 ORM (Object Relational Mapping), là một kỹ thuật/cơ chế lập trình thựchiện ánh xạ CSDL sang các đối tượng trong các ngôn ngữ lập trình hướngđối tượng như Java, C# …(các table tương ứng các class, mối ràng buộc giữacác table tương ứng quan hệ giữa các class ‘has a’ , ‘is a’)

 Việc sử dụng ORM cho phép lập trình viên thao tác với database 1 cách hoàntoàn tự nhiên, dễ hiểu thông qua các đối tượng Lập trình viên không cần tớiloại database, kiểu dữ liệu trong database…

Hình 8 ORM Framework

1.9 Transactions API

 Mục đích chính của API hoạt động trong Open banking là giúp kết nối các tàikhoản của khách hàng và cho phép truy cập, truy xuất và đối chiếu các giao dịchgiữa tổ chức tài chính với khách hàng để đảm bảo tính xác thực thông qua giaodiện lập trình ứng dụng

Hình 9.Transactions API

2 CÔNG CỤ THỰC HIỆN

2.1 Visual Studio Code

Hình 10.Visual Studio Code

 Là một trình biên tập lập trình code miễn phí dành cho Windows, Linux vàmacOS, Visual Studio Code được phát triển bởi Microsoft Nó được xem làmột sự kết hợp hoàn hảo giữa IDE và Code Editor

 Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntaxhighlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn.Nhờ tính năng tùy chỉnh, Visual Studio Code cũng cho phép người dùng thayđổi theme, phím tắt, và các tùy chọn khác

● Một số tính năng

● Hỗ trợ nhiều ngôn ngữ lập trình

● Hỗ trợ đa nền tảng

● Cung cấp kho tiện ích mở rộng

● Kho lưu trữ an toàn

● Hỗ trợ web

● Lưu trữ dữ liệu dạng phân cấp

2.2 MySQL

Hình 11 MySQL

 MySQL là một hệ thống quản trị cơ sở dữ liệu mã nguồn mở (gọi tắt làRDBMS) hoạt động theo mô hình client-server Với RDBMS là viết tắtcủa Relational Database Management System MySQL được tích hợpapache, PHP MySQL quản lý dữ liệu thông qua các cơ sở dữ liệu Mỗi cơ sở

dữ liệu có thể có nhiều bảng quan hệ chứa dữ liệu MySQL cũng có cùng mộtcách truy xuất và mã lệnh tương tự với ngôn ngữ SQL MySQL được pháthành từ thập niên 90s