Xây dựng hệ thống website rèn luyện tư duy cho trẻ unistar

Website có 3 loại tài khoản, tài khoản quản lý cho người quản lý, có thể thêm sửa xóa thành viên, học sinh, quản lý bài viết.. Tài khoản thành viên chỉ cho phép vào xem thông tin doanh n

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM

KHOA TIN HỌC

BÁO CÁO KHÓA LUẬN TỐT NGHIỆP

XÂY DỰNG HỆ THỐNG WEBSITE RÈN LUYỆN TƯ DUY CHO TRẺ UNISTAR

Cán bộ hướng dẫn: Ts Trần Văn Hưng Sinh viên thực hiện: Lê Chí Tú

Đà Nẵng – Năm 2020

Lời Cảm Ơn

Để hoàn thành khóa luận đầu tiên tôi xin gửi lời cảm ơn đến quý thầy cô trong khoa Tin trường Đại học Sư phạm – Đại Học Đà Nẵng đã tận tình dạy dỗ và truyền đạt nhưng kiến thức căn bản nhất trong suốt 4 năm đại học Đặc biệt là tôi xin gửi lời cảm ơn đến Thầy Trần Văn Hưng đã dìu dắt tôi trong quá trình làm khóa luận

Tôi xin chân thành cảm ơn!

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

Đà Nẵng, ngày … tháng … năm 2020

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

Mục lục

MỞ ĐẦU 9

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

2 Mục tiêu và nhiệm vụ 9

2.1 Mục tiêu 9

2.2 Nhiệm vụ 9

3 Đối tượng và phạm vi nghiên cứu 9

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

3.2 Phạm vi nghiên cứu 9

4 Phương pháp nghiên cứu 10

4.1 Phương pháp lí thuyết 10

4.2 Phương pháp thực nghiệm 10

5 Giả thiết khoa học 10

6 Đóng góp của nghiên cứu 10

7 Bố cục đề tài 10

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 11

1 Tổng quan về Java Spring 11

1.1 Khái niệm 11

1.2 Đặc trưng 11

1.3 Java Spring Boot 11

2 Tổng quan về MySQL 11

2.1 Khái niệm 11

2.2 Đặc trưng 11

3 Tổng quan về Thymeleaf 12

3.1 Khái niệm 12

3.2 Đặc trưng 12

4 Tổng quan về HTML, CSS 12

4.1 Khái niệm 12

4.2 Các thuật ngữ HTML phổ biến 12

4.3 Các thuật ngữ CSS phổ biến 13

5 Tổng quan về Bootstrap 13

5.1 Khái niệm 13

5.2 Tại sao sử dụng bootstrap? 13

6 Tổng quan về Jquery 14

6.1 Khái niệm 14

6.2 Các tính năng của jquery 14

7 Làm quen với chatbot 14

7.1 Khái niệm chatbot 14

7.2 Lợi ích của chatbot 14

7.3 Tạo Zalo Chatbot trên nền tảng Messnow 15

CHƯƠNG 2: THIẾT KẾ WEBSITE 16

1 Khảo sát yêu cầu 16

1.1 Lập kế hoạch khảo sát 16

1.2 Kết quả khảo sát 16

2 Đặc tả hệ thống 17

2.1 Đăng nhập 17

2.2 Đăng ký 17

2.3 Đăng xuất 18

2.4 Quản lý tài khoản 18

2.5 Quản lý bài viết 18

2.6 Chatbot 18

2.7 Học online 18

3 Biểu đồ phân rã chức năng 19

4 Biểu đồ luồng dữ liệu 20

4.1 Mức 0 20

4.2 Mức 1 20

4.3 Mức 2 cho chức năng quản lý thành viên 21

4.4 Mức 2 cho chức năng quản lý học viên 21

4.5 Mức 2 cho chức năng quản lý bài viết 22

4.6 Mức 2 cho chức năng học online 22

4.7 Mức 2 cho chức năng chatbot 23

5 Sơ đồ ERD và cơ sở dữ liệu 23

5.1 Sơ đồ ERD 23

5.2 Định nghĩa cơ sở dữ liệu 23

5.3 Diagram 24

5.4 Bảng khóa học 25

5.5 Bảng bài viết 25

5.6 Bảng thành viên 26

5.7 Bảng học viên 26

5.8 Bảng lưu kết quả 27

CHƯƠNG 3: CÀI ĐẶT VÀ THỬ NGHIỆM 28

1 Cài đặt 28

2 Giao diện các form của website 33

2.1 Giao diện đăng nhập 33

2.2 Giao diện chính của website 33

2.3 Giao diện trang tin tức 38

2.4 Giao diện trang chi tiết tin tức 39

2.5 Giao diện quản lý 41

2.6 Giao diện quản lý thành viên 41

2.7 Giao diện quản lý học viên 44

2.8 Giao diện zalo chatbot 46

2.9 Giao diện học online 47

KẾT LUẬN 52

1 Những điểm đạt được 52

2 Hướng phát triển 52

TÀI LIỆU THAM KHẢO 53

Danh mục hình ảnh

Hình 1: Biểu đồ phân rã chức năng 19

Hình 2: Mức 0 biểu đồ luồng dữ liệu 20

Hình 3: Biểu đồ luồng dữ liệu mức 1 20

Hình 4: Biểu đồ mức 2 cho chức năng quản lý thành viên 21

Hình 5: Biểu đồ mức 2 cho chức năng quản lý học viên 21

Hình 6: Biểu đồ mức 2 cho chức năng quản lý bài viết 22

Hình 7: Biểu đồ mức 2 cho chức năng học online 22

Hình 8: Biểu đồ mức 2 cho chức năng chatbot 23

Hình 9: Sơ đồ ERD 23

Hình 10: Diagram 24

Hình 11: Bảng khóa học 25

Hình 12: Bảng bài viết 25

Hình 13: Bảng thành viên 26

Hình 14: Bảng học viên 26

Hình 15: Bảng lịch sử điểm học viên 27

Hình 16: Download IntelliJ IDE tại trang chính thức 28

Hình 17: Cài đặt IntelliJ IDEA Community Edition 28

Hình 18: Cấu hình mặc định IntelliJ IDEA 29

Hình 19: Tùy chọn theme cho IDEA 30

Hình 20: Disable 1 số plugin 31

Hình 21: Giới thiệu 1 số plugins 32

Hình 22: Giao diện màn hình đăng nhập 33

Hình 23: Giao diện slide chính của website 33

Hình 24: Giao diện giới thiệu doanh nghiệp trên trang chủ 34

Hình 25: Giao diện xây dựng lộ trình cho trẻ (trang chủ) 34

Hình 26: Giao diện giới thiệu khóa học 1 34

Hình 27: Giao diện giới thiệu khóa học 2 35

Hình 28: Giao diện chia sẻ về doanh nghiệp 36

Hình 29: Giao diện thành tích doanh nghiệp 36

Hình 30: Thành tựu doanh nghiệp 37

Hình 31: Đối tác doanh nghiệp 37

Hình 32: Hệ thống đào tạo của doanh nghiệp 38

Hình 33: Giao diện trang tin tức (1) 38

Hình 34: Giao diện trang tin tức (2) 39

Hình 35: Giao diện trang chi tiết tin tức (1) 39

Hình 36: Giao diện trang chi tiết tin tức (2) 40

Hình 37: Giao diện trang quản lý 41

Hình 38: Giao diện quản lý thành viên 41

Hình 39: Giao diện thêm thành viên 42

Hình 40: Giao diện chỉnh sửa thông tin thành viên 43

Hình 41: Giao diện xóa thành viên 43

Hình 42: Giao diện quản lý danh sách học viên 44

Hình 43: Giao diện đăng ký học viên 45

Hình 44: Giao diện xác nhận học viên 45

Hình 45: Giao diện xóa học viên 46

Hình 46: Giao diện chatbot 46

Hình 47: Giao diện học online 47

Hình 48: Giao diện cài đặt tùy chỉnh cho học online 47

Hình 49: Giao diện học toán số 48

Hình 50: Giao diện học nhìn hình 48

Hình 51: Giao diện sau khi đạt kết quả đúng trên 80% 49

Hình 52: Giao diện sau khi đạt kết quả từ 50-80% 49

Hình 53: Giao diện sau khi đạt kết quả dưới 50% 50

Hình 54: Giao diện kết quả 50

Hình 55: Giao diện lịch sử điểm 51

MỞ ĐẦU

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

Tư duy logic là yếu tố nền tảng cho việc phát triển khả năng sáng tạo và kỹ năng giải quyết vấn đề một cách hiệu quả Phần lớn các bậc làm cha làm mẹ đều có suy nghĩ rằng, để trẻ trưởng thành và phát triển một cách tự nhiên Chỉ chăm sóc trẻ qua bữa ăn, giấc ngủ, đôi khi trò chuyện và bảo ban trẻ Khi trẻ lớn một chút thì đưa trẻ đến trường

để thầy cô dạy dỗ là đủ

Tuy nhiên, trí não của trẻ tăng lên theo độ tuổi Theo bản năng, trẻ thích tìm tòi và

tò mò muốn biết về mọi thứ Vì vậy cha mẹ cần dạy cho trẻ những điều đó

Các nghiên cứu khoa học chỉ ra rằng 50% khả năng học vấn của trẻ hình thành vào tuổi lên 5 và 80% vào tuổi lên 8 Đây là thời kỳ não bộ có số kết nối gấp đôi số lần kết nối của não người lớn Những trải nghiệm trong 8 năm đầu đời có ảnh hưởng cực kỳ to lớn đến khả năng phát triển não bộ của một người Nếu trẻ được phát triển đúng cách, trẻ sẽ có được năng lực tư duy và học tập tốt hơn rất nhiều trong tương lai

2 Mục tiêu và nhiệm vụ

2.1 Mục tiêu

- Nghiên cứu, tìm hiểu và hoàn thiện kiến thức ngành công nghệ thông tin về kỹ thuật lập trình Java Spring, MySQL, thymeleaf, thiết kế giao diện bằng HTML, CSS, bootstrap, jquery

- Hoàn thiện kiến thức về quy trình sản xuất ứng dụng website

- Hoàn thiện tư duy logic

- Sản phẩm hoàn thiện thực tế, có thể phục vụ nhu cầu người dùng

2.2 Nhiệm vụ

- Lên ý tưởng và lập kế hoạch xây dựng website

- Nghiên cứu các website tương tự để từ đó xây dựng một website hoàn thiện và tối

ưu hơn

- Thiết kế website:

+ Thiết kế giao diện website cho người dùng và cho người quản lý

+ Phân tích thiết kế hệ thống thông tin: Đặc tả hệ thống, vẽ biểu đồ

- Viết chương trình, cài đặt, kiểm thử

- Đưa ra website chính thức

3 Đối tượng và phạm vi nghiên cứu

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

- Đối tượng nghiên cứu: Khả năng tư duy tính toán thông qua các bài kiểm tra

- Khách thể nghiên cứu:

3.2 Phạm vi nghiên cứu

- Nghiên cứu về framework java spring boot, thymeleaf và MySQL

- Nghiên cứu các template mẫu, xây dựng template với HTML, CSS, bootstrap và jquery

- Nghiên cứu về phương pháp tính bằng bảng tính Soroban, phương pháp tính Finger

- Nghiên cứu chatbot, xây dựng Zalo chatbot trên nền tảng Messnow

4 Phương pháp nghiên cứu

- Nghiên cứu về chatbot, tạo chatbot Zalo với MessNow

- Nghiên cứu về ZaloOA, thêm chatbot vào website thông qua ZaloOA

- Nghiên cứu các tài liệu liên quan đến đề tài

4.2 Phương pháp thực nghiệm

- Thực hành tính toán, làm quen với bàn tính Soroban, phương pháp tính Finger

- Tiến hành lập trình

5 Giả thiết khoa học

- Nếu thường xuyên quan tâm, chú ý và coi trọng một cách đúng đắn, “website rèn luyện tư duy cho trẻ Unistar” sẽ góp phần nâng cao khả năng tư duy sáng tạo và tư duy logic cho trẻ

6 Đóng góp của nghiên cứu

- Giúp trẻ làm quen với phương pháp tính toán bằng bàn tính Soroban, giúp khả năng tính toán của bé được nâng cao, bé sẽ tự tin hơn và yêu thích môn toán hơn Không còn sợ toán như trước nữa Phương pháp Toán soroban là phương pháp học đòi hỏi

sự phối hợp 2 bên bán cầu não và đôi tay Điều này thúc đẩy sự phát triển tư duy của các bé Bắt đầu khóa học Soroban với hoạt động điều khiển các hạt bàn tính bằng hai tay sẽ kích thích sự phát triển toàn diện của não bộ

- Giúp trẻ rèn luyện tính nhẩm bằng phương pháp finger, giúp bé rèn luyện được sự tập trung cao độ Học Finger math là phương pháp giúp người học có thể cộng trừ liên tiếp nhiều số với nhau Việc thực nhiện nhiều phép toán một lúc kết hợp hoạt động cơ thể sẽ giúp bé phải tập trung cao độ

- Làm quen với chatbot, ứng dụng AI vào quy trình phát triển website

7 Bố cục đề tài

- Phần mở đầu: Giới thiệu

- Chương 1: Cơ sở lý thuyết

- Chương 2: Thiết kế website

- Chương 3: Cài đặt và thử nghiệm

- Phần kết thúc: Kết luận

- Tài liệu tham khảo

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

1 Tổng quan về Java Spring

1.1 Khái niệm

lập trình viên Nó giúp tạo các ứng dụng có hiệu năng cao, dễ kiểm thử, sử dụng lại code…

- Spring nhẹ và trong suốt (nhẹ: kích thước nhỏ, version cơ bản chỉ khoảng 2MB; trong suốt: hoạt động một cách trong suốt với lập trình viên)

- Spring là một mã nguồn mở, được phát triển, chia sẻ và có cộng đồng người dùng rất lớn

- Spring Framework được xây dựng dựa trên 2 nguyên tắc design chính là: Dependency Injection và Aspect Oriented Programming

- Những tính năng core (cốt lõi) của Spring có thể được sử dụng để phát triển Java Desktop, ứng dụng mobile, Java Web Mục tiêu chính của Spring là giúp phát triển các ứng dụng J2EE một cách dễ dàng hơn dựa trên mô hình sử dụng POJO (Plain Old Java Object)

1.2 Đặc trưng

phải làm việc với EJB, ứng dụng, các luồng chạy, cấu hình… đơn giản hơn rất nhiều

- Spring được tổ chức theo kiểu mô đun Số lượng các gói và các lớp khá nhiều, nhưng bạn chỉ cần quan tâm đến những gì bạn cần và không cần quan tâm đến phần còn lại

- Spring hỗ trợ sử dụng khá nhiều công nghệ như ORM Framework, các logging framework, JEE, các thư viện tạo lịch trình (Quartz và JDK timer)…

- Module Web của Spring được thiết kế theo mô hình MVC nên nó cung cấp đầy đủ các tính năng giúp thay thế các web framework khác như Struts

1.3 Java Spring Boot

thái Spring framework Nó giúp cho các lập trình viên chúng ta đơn giản hóa quá trình lập trình một ứng dụng với Spring, chỉ tập trung vào việc phát triển business cho ứng dụng

2 Tổng quan về MySQL

2.1 Khái niệm

- MySQL là chương trình dùng để quản lý hệ thống cơ sở dữ liệu (CSDL), trong đó CSDL là một hệ thống lưu trữ thông tin được sắp xếp rõ ràng, phân lớp ngăn nắp những thông tin mà mình lưu trữ

- MySQL là một hệ quản trị cơ sở dữ liệu mã nguồn mở

2.2 Đặc trưng

- Khả năng mở rộng linh hoạt

- Hiệu năng cao

với cả hai môi trường Web và môi trường không phải Web Nó phù hợp hơn khi được sử dụng để phục vụ XHTML/HTML5 trên tầng View (View Layer) của ứng dụng Web dựa trên kiến trúc MVC Nó có thể xử lý bất kỳ một file XML nào, thậm trí trên các môi trường offline (Không trực tuyến) Nó hỗ trợ đầy đủ để tương tác với Spring Framework.

- Thymeleaf có thể sử dụng để thay thế cho JSP trên tầng View (View Layer) của ứng dụng Web MVC Thymeleaf là phần mềm mã nguồn mở, được cấp phép theo giấy phép Apache 2.0

3.2 Đặc trưng

và tất nhiên ta chỉ sử dụng các file file HTML làm view, thymeleaf sẽ tham gia vào file HTML dưới dạng các thuộc tính của các thẻ HTML Ta không cần phải thêm bất cứ loại thẻ non-HTML nào cả (Ví dụ như jsp thì muốn sử dụng các thẻ chuẩn của jsp như JSTL thì cần có taglib, với thymeleaf thì không cần sử dụng bất kỳ loại thẻ nào khác html nên được gọi là NON-HTML)

- Với thymeleaf ta không cần F5 (tải lại) lại trang cũng có thể xem các thay đổi trên giao diện

- Element: Các element là các chỉ định xác định cấu trúc và nội dung của các đối

tượng trong một trang Một số yếu tố được sử dụng thường xuyên hơn bao gồm nhiều cấp độ tiêu đề (được xác định là <h1> đến <h6>) và đoạn văn (được xác định

là <p>); danh sách tiếp tục bao gồm <a>, <div>, <span>, <strong>, và <em>, và

- Tags: Một thẻ mở đánh dấu sự bắt đầu của một element Nó bao gồm một dấu nhỏ

hơn theo sau là tên của một element và sau đó kết thúc bằng dấu lớn hơn; ví

dụ, <div> Một thẻ đóng đánh dấu vào cuối của một element Nó bao gồm một dấu

nhỏ hơn đến dấu gạch chéo và tên của element và sau đó kết thúc bằng dấu lớn

hơn; ví dụ, </div>

- Attributes: Các attribute là các thuộc tính được sử dụng để cung cấp thông tin bổ

sung về một element Các thuộc tính phổ biến nhất bao gồm thuộc tính id, xác định

một element; các thuộc tính class, phân loại một element; thuộc tính src, trong đó

xác định một nguồn cho nội dung nhúng; và thuộc tính href, cung cấp một tham

chiếu hyperlink đến một tài nguyên được liên kết

4.3 Các thuật ngữ CSS phổ biến

- Selector: Khi các yếu tố được thêm vào một trang web, chúng có thể được tạo kiểu

bằng CSS Selector chỉ định chính xác thành phần nào trong HTML để nhắm mục

tiêu và áp dụng các kiểu (như màu sắc, kích thước và vị trí) vào Selector có thể bao

gồm sự kết hợp của các vòng loại khác nhau để chọn các yếu tố duy nhất, tất cả tùy

thuộc vào mức độ cụ thể mà chúng tôi muốn

- Properties: Khi một phần tử được chọn, một thuộc tính sẽ xác định các kiểu sẽ

được áp dụng cho phần tử đó Tên thuộc tính nằm sau selector, trong dấu ngoặc

nhọn {} và ngay trước dấu hai chấm, : Có rất nhiều thuộc tính chúng ta có thể sử

dụng, chẳng hạn như background, color, font-size, height, và width, và các thuộc

tính mới thường được thêm vào

- Values: Cho đến nay, chúng tôi đã chọn một element với selector và xác định kiểu

chúng tôi muốn áp dụng với property Bây giờ chúng ta có thể xác định hành vi của

property đó với một value Các giá trị có thể được xác định là văn bản giữa dấu hai

chấm :, và dấu chấm phẩy, ;

5 Tổng quan về Bootstrap

5.1 Khái niệm

- Bootstrap là framework HTML, CSS và Javascript phổ biến nhất hiện nay để thiết

kế website có thể đáp ứng trên tất cả các nền tảng di động và các thiết bị khác như

máy tính bảng, laptop, …

5.2 Tại sao sử dụng bootstrap?

- Dễ dùng: bất cứ ai với kiến thức cơ bản về HTML và CSS đều cũng có thể sử dụng

được Bootstrap

- Các tính năng đáp ứng: Bootstrap thích hợp, tương thích (reponsive) với điện thoại,

máy tính bảng và máy tính để bàn (laptop, dektop)

- Tiếp cận ưu tiên thiết bị di động đầu tiên: Trong Bootstrap, các phong cách điện

thoại di động là một phần của framework lõi

- Tương thích trình duyệt: Bootstrap 4 tương thích với các trình duyệt hiện đại

(Chrome, Firefox, Internet Explorer 10+, Edge, Safari, and Opera)

+ Form – xử lý sự kiện liên quan tới form

+ DOM – xử lý Data Object Model

+ Selector – xử lý luồng lách giữa các đối tượng HTML

6.2 Các tính năng của jquery

- Gọn nhẹ: jQuery là một thư viện khá gọn nhẹ – có kích cỡ khoảng 19KB (gzipped)

- Tương thích đa nền tảng: Nó tự động sửa lỗi và chạy được trên mọi trình duyệt phổ

biến như Chrome, Firefox, Safari, MS Edge, IE, Android và iOS

- Dễ dàng tạo Ajax: Nhờ thư viện jQuery, code được viết bởi Ajax có thể dễ dàng

tương tác với server và cập nhật nội dung tự động mà không cần phải tải lại trang

- Xử lý nhanh nhạy thao tác DOM: jQuery giúp lựa chọn các phần tử DOM để

traverse (duyệt) một cách dễ dàng, và chỉnh sửa nội dung của chúng bằng cách sử dụng Selector mã nguồn mở, mà còn được gọi là Sizzle

- Đơn giản hóa việc tạo hiệu ứng: Giống với code snippet có hiệu ứng animation, nó phủ các dòng code và bạn chỉ việc thêm biến/nội dung vào thôi

- Hỗ trợ tốt phương thức sự kiện HTML: Xử lý sự kiện − jQuery xử lý các sự kiện đa dạng mà không làm cho HTML code trở nên lộn xộn với các Event Handler

7 Làm quen với chatbot

7.1 Khái niệm chatbot

- Chatbot là một chương trình kết hợp với trí tuệ nhân tạo (AI) để tương tác với con người Công cụ này thay thế cho nhân viên để tư vấn trả lời những gì khách hàng thắc mắc Chatbot thường trao đổi với người dùng qua hình thức tin nhắn (Textual) hoặc âm thanh (Audiotory)

7.2 Lợi ích của chatbot

- Ngay từ khi nhận diện được yêu cầu từ khách hàng, Chatbot sẽ có thể trả lời chính xác Sau đó đưa ra các tư vấn mua sắm phù hợp cho từng cá nhân Những tư vấn này dựa trên những sở thích, xu hướng mà họ quan tâm

- Chatbot có thể thay thế con người đảm nhận toàn bộ nhiệm vụ từ giới thiệu sản phẩm, báo giá, đưa ra lời khuyên cho đến chốt đơn hàng, xin feedback,… từ đó,

giúp bạn tiết kiệm được khoản lớn chi phí trả cho nhân viên sale, chăm sóc khách hàng

- Con người sẽ có lúc cần nghỉ ngơi nhưng chatbot thì không Một chatbot có thể hoạt động 24/7 xuyên suốt 365 ngày Chatbot còn tiếp nhận và xử lý yêu cầu khách hàng

tự động, nhanh chóng

7.3 Tạo Zalo Chatbot trên nền tảng Messnow

- Đăng nhập bằng tài khoản facebook, tạo Zalo bot

- Đăng nhập tài khoản Zalo OA, truy cập vào quản lý tài khoản của Zalo OA bằng cách bấm vào tên tài khoản

- Tùy chỉnh menu cho chatbot

- Truy cập messnow để huấn luyện cho bot

CHƯƠNG 2: THIẾT KẾ WEBSITE

1 Khảo sát yêu cầu

1.1 Lập kế hoạch khảo sát

- Chương trình khảo sát

+ Giới thiệu về bản thân người khảo sát

+ Trình bày tổng quan về các chức năng của website

+ Chủ đề 1: Phỏng vấn về chức năng quản lý tài khoản

+ Chủ đề 4: Phỏng vấn về chức năng quản lý khóa học

+ Chủ đề 6: Phỏng vấn về chức năng quản lý bài viết

+ Chủ đề 7: Phỏng vấn về chức năng học online

+ Tổng hợp nội dung chính của người được phỏng vấn

1.2 Kết quả khảo sát

Phiếu khảo sát

Website có bao nhiêu loại tài khoản? Website có 3 loại tài khoản, tài khoản quản

lý cho người quản lý, có thể thêm sửa xóa thành viên, học sinh, quản lý bài viết Tài khoản thành viên chỉ cho phép vào xem thông tin doanh nghiệp, đọc các bài viết, học online nhưng bị giới hạn chức năng Tài khoản học viên bao gồm các chức năng của tài khoản khách và có thể tham gia chương trình học online

Thay đổi thông tin tài khoản như thế

nào?

Sau khi đăng nhập vào giao diện quản lý, người quản lý chọn icon chỉnh sửa tương ứng với tài khoản, thay đổi thông tin tài khoản Sau đó cập nhật thông tin cho tài khoản

đổi thông tin tài khoản

Khóa học sẽ được quản lý như thế

nào?

Khóa học sẽ được thêm mặc định

Chuyên mục bài viết được quản lý

như thế nào? Sau khi đăng nhập vào tài khoản người quản lý, người quản ly có thể thêm sửa xóa bài viết

trong mục quản lý bài viết

Làm cách nào để đăng ký làm thành

viên?

Trong giao diện đăng nhập, chọn mục đăng

ký, điền đầy đủ các thông tin sau đó chọn mục đăng ký

Làm thế nào để đăng ký làm học viên? Sau khi bạn đã là thành viên của website,

trong menu chọn mục đăng ký học viên, sau

đó điền đầy đủ thông tin theo yêu cầu của form đăng ký, chọn đăng ký

Cần có các yêu cầu gì khi đăng ký? Các thông tin như tên, email, số điện thoại,

mật khẩu là bắt buộc

Làm thế nào để tham gia học online? Để tham gia học online, phải đăng khi làm

học viên, đăng ký khóa học tương ứng trong form đăng ký học viên Sau khi đã đăng ký làm học viên và được người quản lý chấp nhận, trên thanh menu chọn mục luyện tập online để tham gia học online

Làm thế nào để xem các bài viết của

website?

Sau khi đăng nhập, trên thanh menu chọn mục sách tốt – truyện hay để truy cập danh mục các bài viết của website

Giải đáp các thắc mắc của khách hàng

như thế nào?

Khách hàng đăng nhập bằng tài khoản zalo

để nhắn tin với trung tâm, hệ thống sẽ trả lời

tự động thông qua chatbot

2 Đặc tả hệ thống

- Hệ thống website rèn luyện tư duy cho trẻ Unistar là hệ thống website bao gồm các chức năng hiện đại và tối ưu Gồm các phân hệ sau: Đăng nhập, đăng ký thành viên, đăng ký khóa học, đăng xuất, quản lý tài khoản, quản lý bài viết, chatbot, học online

2.1 Đăng nhập

- Với phân hệ đăng nhập, người quản lý, khách, hay học viên có thể đăng nhập vào

hệ thống với từng vai trò tương ứng

- Người quản lý sau khi đăng nhập vào hệ thống, có thể sử dụng tất cả các chức năng của website, bao gồm xem danh mục các bài viết, giới thiệu về doanh nghiệp, có thể truy cập vào danh mục quản lý để quản lý thành viên, học viên, học online, quản lý bài viết của website

- Học viên sau khi đăng nhập vào hệ thống, có thể xem danh mục bài viết, giới thiệu doanh nghiệp, học online theo khóa học đã đăng ký trước đó

- Khách sau khi đăng nhập vào hệ thống với tư cách là thành viên, chỉ có thể xem danh mục các bài viết, đăng kí học viên, giới thiệu về doanh nghiệp, có thể tham gia học online với các chức năng bị giới hạn

- Giao diện đăng nhập thân thiện với người dùng, giao diện đăng nhập gồm các chức năng đăng nhập tài khoản, nhớ tài khoản, đăng ký và hỗ trợ khôi phục tài khoản

2.2 Đăng ký

- Để đăng ký làm thành viên, người dùng có thể chọn mục đăng ký trên giao diện đăng nhập, điền các thông tin theo yêu cầu của form đăng ký sau đó chọn đăng ký Hoặc người dùng có thể liên hệ với người quản lý để người quản lý thêm thành viên trong danh mục quản lý danh sách thành viên

- Để trở thành học viên, phải có tài khoản thành viên của website

2.4 Quản lý tài khoản

- Sau khi đăng nhập bằng tài khoản người quản lý, màn hình sẽ đi vào giao diện người quản lý Người quản lý có thể xem danh sách học viên và thành viên

- Người quản lý có thể tìm kiếm, xem danh sách, thông tin thành viên, đồng thời có thể thêm sửa xóa chúng

- Người quản lý có thể tìm kiếm, xem danh sách, thông tin học viên, xác nhận khóa học, đóng khóa học, đồng thời có thể thêm xóa chúng

2.5 Quản lý bài viết

- Với phân hệ này, sau khi đăng nhập vào tài khoản người quản lý Người quản lý có thể xem danh sách bài viết, xem thông tin bài viết

- Người quản lý có thể thêm, sửa, xóa bài viết

- Người quản lý có thể xem bài viết, đóng mở bài viết, sắp xếp thứ tự hiển thị của các bài viết

3 Biểu đồ phân rã chức năng

Hình 1: Biểu đồ phân rã chức năng

4 Biểu đồ luồng dữ liệu

4.3 Mức 2 cho chức năng quản lý thành viên

Hình 4: Biểu đồ mức 2 cho chức năng quản lý thành viên

4.4 Mức 2 cho chức năng quản lý học viên

Hình 5: Biểu đồ mức 2 cho chức năng quản lý học viên

4.5 Mức 2 cho chức năng quản lý bài viết

Hình 6: Biểu đồ mức 2 cho chức năng quản lý bài viết

4.6 Mức 2 cho chức năng học online

4.7 Mức 2 cho chức năng chatbot

Hình 8: Biểu đồ mức 2 cho chức năng chatbot

5 Sơ đồ ERD và cơ sở dữ liệu

5.1 Sơ đồ ERD

Hình 9: Sơ đồ ERD

5.2 Định nghĩa cơ sở dữ liệu

- Cơ sở dữ liệu là một tập hợp các dữ liệu có tổ chức, thường được lưu trữ và truy cập điện từ từ hệ thống máy tính Khi cơ sở dữ liệu phức tạp hơn, chúng thường được phát triển bắng cách sử dụng các kỹ thuật thiết kế và mô hình hóa chính thức

5.3 Diagram

Hình 10: Diagram

5.6 Bảng thành viên

Hình 13: Bảng thành viên

5.7 Bảng học viên

Hình 14: Bảng học viên