Xây dựng website học nhạc cụ trực tuyến miễn phí

TÓM TẮT Tên đề tài: XÂY DỰNG WEBSITE HỌC NHẠC CỤ TRỰC TUYẾN MIỄN PHÍ Sinh viên thực hiện: Đặng Công Phương Mã SV: 1811505310334 Lớp: 18T3 Website học nhạc cụ trực tuyến mang đến nhiều cơ

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

KHOA CÔNG NGHỆ SỐ

ĐỒ ÁN TỐT NGHIỆP

ĐẠI HỌCNGÀNH: CÔNG NGHỆ THÔNG TIN

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

KHOA CÔNG NGHỆ SỐ

ĐỒ ÁN TỐT NGHIỆP

ĐẠI HỌCNGÀNH: CÔNG NGHỆ THÔNG TIN

TÓM TẮT

Tên đề tài: XÂY DỰNG WEBSITE HỌC NHẠC CỤ TRỰC TUYẾN MIỄN PHÍ

Sinh viên thực hiện: Đặng Công Phương

Mã SV: 1811505310334 Lớp: 18T3

Website học nhạc cụ trực tuyến mang đến nhiều cơ hội cho các bạn trẻ có niềm đam

mê nhạc cụ tìm thấy động lực học tập, giúp những bạn có nhu cầu học nhạc cụ tìm

kiếm được những kiến thức bổ ích, thiết thực Mang lại sự thích thú khi học về phần lý

thuyết và giúp người học có thể học một cách đúng phương pháp mang lại hiệu quả

tốt Giúp mọi người hạn chế trong việc tiếp xúc ở các lớp dạy trực tuyến trong mùa

dịch bệnh và tăng tiến độ học nhạc cụ

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP

Giảng viên hướng dẫn: Phạm Tuấn

Sinh viên thực hiện: Đặng Công Phương Mã SV: 1811505310334

1 Tên đề tài:

XÂY DỰNG WEBSITE HỌC NHẠC CỤ TRỰC TUYẾN MIỄN PHÍ

2 Các số liệu, tài liệu ban đầu:

 Dựa trên nhu cầu tìm kiếm những bài học trong hội nhóm, các câu lạc bộ nhạc cụ trênfacebook, instagram, google hằng năm

Trước hết em xin gửi lời cảm ơn đến thầy Phạm Tuấn, người đã hướng dẫn emrất nhiều trong suốt quá trình tìm hiểu nghiên cứu và hoàn thành khoá luận này từ lýthuyết đến ứng dụng Sự hướng dẫn của thầy đã giúp em có thêm những kiến thức vềlập trình web và xây dựng hệ thống một cách logic Qua những chỉ dẫn ân cần củathầy giúp em hiểu sâu hơn về những kiến thức đã được học.

Đồng thời em cũng xin chân thành cảm ơn các thầy cô trong bộ môn cũng nhưcác thầy cô trong trường đã trang bị cho em những kiến thức cơ bản cần thiết để em

có thể hoàn thành tốt khóa luận này

Em xin gửi lời cảm ơn đến các thành viên lớp 18T3, những người bạn đã luôn ởbên cạnh động viên, tạo điều kiện thuận lợi và cùng em tìm hiểu, hoàn thành tốt khóaluận

Sau cùng, em xin gửi lời cảm ơn đến gia đình, bạn bè đã tạo mọi điều kiện để

em xây dựng thành công khóa luận này

Đà Nẵng, ngày 20 tháng 01 năm 2022

Sinh Viên

Đề tài “XÂY DỰNG WEBSITE HỌC NHẠC CỤ TRỰC TUYẾN MIỄN PHÍ” này được thựchiện minh bạch bởi bản thân tôi và sự hỗ trợ của giảng viên Phạm Tuấn Các thông số,bảng biểu và hình ảnh thể hiện trong bài hoàn toàn được tìm và khai thác do chínhtôi Tôi xin chắc chắn rằng toàn bộ nội dung bài báo cáo là trung thực, duy nhất vàkhông hề tồn tại sự gian lận Tôi xin chịu mọi trách nhiệm để đảm bảo tính minh bạchcủa bài làm.

Đà Nẵng, Ngày 20 Tháng 01 Năm 2022

Sinh Viên

Nhận xét của người hướng dẫn

Nhận xét của người phản biện

Tóm tắt

Nhiệm vụ đồ án

Lời nói đầu i

Lời cam đoan ii

Mục lục iii

Danh sách các bảng, hình vẽ vi

Danh sách các ký hiệu, chữ viết tắt viii

MỞ ĐẦU 1

Chương 1: TỔNG QUAN 2

1.1 Lý do chọn đề tài: 2

1.2 Mục tiêu đề tài: 2

1.3 Phạm vi đề tài: 2

1.4 Đối tượng nghiên cứu: 2

1.5 Pháp lý, xã hội, đạo đức và chuyên nghiệp: 2

1.5.1 Pháp lý: 2

1.5.2 Đạo đức: 3

1.6 Kế hoạch: 4

1.6.1 Kế hoạch: 4

1.6.2 Biểu đồ kế hoạch: 5

1.7 Lựa chọn giải pháp công nghệ: 5

Chương 2: PHÂN TÍCH THIẾT KẾ 13

2.1 Tác nhân hệ thống: 13

2.2 Yêu cầu nền tảng hệ thống: 13

2.2.1 Yêu cầu máy chủ: 13

2.2.2 Yêu cầu của khách hàng: 13

2.3.1 Khách vãng lai: 13

2.3.2 Người dùng: 13

2.3.3 Quản trị viên: 14

2.4 Yêu cầu phi chức năng: 14

2.5 Đặc tả chức năng của từng tác nhân: 15

2.5.1 Admin: 15

2.5.2 Người dùng: 16

2.5.3 Khách vãng lai: 17

2.6 Sơ đồ Use-case: 18

2.6.1 Admin: 18

2.6.2 Người dùng 19

2.7 Sơ đồ hoạt động: 20

2.7.1 Đăng ký khóa học: 20

2.7.2 Đổi mật khẩu: 21

2.7.3 Cập nhật thông tin cá nhân: 22

2.7.4 Tạo mới khóa học: 22

2.7.5 Chỉnh sửa khóa học: 23

2.7.6 Xóa khóa học: 24

2.7.7 Tạo mới Bài học: 25

2.7.8 Chỉnh sửa bài học: 26

2.7.9 Xoá bài học: 27

2.8 Form giao diện các chức năng chính: 28

2.8.1 Admin: 28

2.8.2 Người dùng: 33

2.9 Sơ đồ ERD: 38

2.10 Thuyết kế cơ sỡ dữ liệu: 39

2.10.2 AccUser: 39

2.10.3 Profile: 40

2.10.4 Category: 40

2.10.5 Courses: 40

2.10.6 CourseDetails: 41

2.10.7 Lesson: 42

2.10.8 Assignment: 42

2.10.9 Answer: 43

2.10.10.Comment: 43

Chương 3: LẬP TRÌNH THỬ NGHIỆM 45

3.1 Trang Quản Trị Viên: 45

3.1.1 Giao diện trang chủ: 45

3.1.2 Giao diện trang quản lý danh mục: 46

3.1.3 Giao diện trang quản lý chương trình khoá học: 47

3.1.4 Giao diện trang quản lý người dùng: 50

3.2 Trang Người Dùng: 50

3.2.1 Giao diện đăng nhập, đăng ký: 50

3.2.2 Giao diện trang chủ: 52

3.2.3 Giao diện xem bài học: 55

3.2.4 Giao diện làm bài tập: 55

3.2.5 Giao diện trang cá nhân: 56

KẾT LUẬN 57

ĐÁNH GIÁ 59

1 Trang người dùng: 59

2 Trang Quản trị viên: 59

TÀI LIỆU THAM KHẢO 61

Bảng 1 1 Kế hoạch của dự án

Bảng 2 1: Yêu cầu phi chức năng 14

Bảng 2 2: Bảng tài khoản Admin 39

Bảng 2 3: Bảng tài khoản Người dùng 39

Bảng 2 4: Bảng thông tin cá nhân người dùng 40

Bảng 2 5: Bảng danh mục khoá học 40

Bảng 2 6: Bảng khoá học 40

Bảng 2 7: Bảng chi tiết khoá học 41

Bảng 2 8: Bảng bài học 42

Bảng 2 9: Bảng bài tập 42

Bảng 2 10: Bảng đáp án 43

Bảng 2 11: Bảng bình luận 43

Y Bảng 3 1: Bảng đánh giá trang người dùng 59

Bảng 3 2: Bảng đánh giá trang quản trị viên 59

Hình 1 2: Biểu đồ kế hoạch 5

Hình 1 3: Biểu tượng của HTML 6

Hình 1 4: Biểu tượng của CSS 7

Hình 1 5: Biểu tượng của Bootstrap 7

Hình 1 6: Biểu tượng của JavaScript 8

Hình 1 7: Biểu tượng của Microsoft SQL Server Management Studio 9

Hình 1 8: Biểu tượng của ASP.NET MVC 9

Hình 1 9: Hoạt động của mô hình MVC 1

Hình 2 1 : Sơ đồ usecase của Admin 18

Hình 2 2: Sơ đồ usecase của người dùng 19

Hình 2 3: Sơ đồ hoạt động đăng ký khoá học 20

Hình 2 4: Sơ đồ hoạt động đổi mật khẩu 21

Hình 2 5: Sơ đồ hoạt động cập nhật thông tin cá nhân 22

Hình 2 6: Sơ đồ hoạt động tạo mới khoá học 22

Hình 2 7: Sơ đồ hoạt động chỉnh sửa khoá học 23

Hình 2 11: Sơ đồ hoạt động xoá bài học 27

Hình 2 12: Form giao diện trang chủ admin 28

Hình 2 13: Form giao diện thêm mới khoá học 29

Hình 2 14: Form giao diện thêm mới bài học 30

Hình 2 15: Form giao diện thêm mới danh mục 31

Hình 2 16: Form giao diện thêm mới bài tập 32

Hình 2 17: Form giao diện trang chủ người dùng 33

Hình 2 18: Form giao diện danh sách các khoá học 34

Hình 2 19: Form giao diện đăng ký khoá học 35

Hình 2 20: Form giao diện làm bài tập trắc nghiệm 36

Hình 2 21: Form giao diện cập nhật thông tin cá nhân 37

Hình 2 22: Sơ đồ ERD của hệ thống 38

Y Hình 3 1: Giao diện trang chủ của quản trị viên 45

Hình 3 2: Giao diện danh sách danh mục 46

Hình 3 3: Giao diện tạo mới danh mục 46

Hình 3 4: Giao diện quản lý khoá học 47

Hình 3 5: Giao diện tạo mới khoá học 47

Hình 3 6: Giao diện quản lý bài học trong một khoá học 48

Hình 3 7: Giao diện tạo mới bài học 48

Hình 3 8: Giao diện quản lý bài tập trong một bài học 49

Hình 3 9: Giao diện tạo mới bài tập trong một bài học 49

Hình 3 10: Giao diện quản lý tài khoản người dùng 50

Hình 3 11: Giao diện đăng nhập người dùng 50

Hình 3 12: Giao diện đăng ký người dùng 51

Hình 3 13: Giao diện trang chủ người dùng 52

Hình 3 14: Giao diện đăng ký các khoá học 53

Hình 3 15: Giao diện chi tiết khoá học 54

Hình 3 16: Giao diện xem bài học 55

Hình 3 17: Giao diện làm bài tập 55

Hình 3 18: Giao diện cập nhật thông tin cá nhân 56

Hình 3 19: Giao diện quản lý quá trình học tập cá nhân 56

KÝ HIỆU:

…….……

CHỮ VIẾT TẮT:

 CSDL: Cơ sở dữ liệu

 HTML : Hypertext Markup Language

 CSS: Cascading Style Sheets

 ERD: Entity Relationship Diagram

SQL: Structured Query Language

MỞ ĐẦU

Trong những năm gần đây, internet trên thế giới đã phát triển mạnh mẽ, ngày càng

có nhiều công nghệ mới được phát triển và ứng dụng rộng rãi trong cuộc sống Điệnthoại và máy tính là phương tiện không thể thiếu trong cuộc sống Ngày nay, họcnhạc cụ không còn là công việc của chỉ các trung tâm âm nhạc hay các giáo viên dạy.Khi mọi thứ đều có trên internet, điều cần thiết là có thể tối ưu hóa thời gian học vàhọc một cách hiệu quả

Biết cách chơi nhạc cụ là một trong những kỹ năng cần thiết, bạn có thể học và biếtcách vận dụng nó vào trong công việc về lĩnh vực nghệ thuật Học nhạc cụ trong thờiđại này có thể nói là khá dễ dàng Ngoài việc bạn có thể học nhạc cụ tại các trườngnghệ thuật, bạn cũng có thể học tại các trung tâm đào tạo nhạc cụ Tuy nhiên, khôngphải ai cũng đủ khả năng để học đại học hoặc học tập tại các trung tâm với mức họcphí vẫn còn khá cao

Vì vậy, tôi sẽ xây dựng một trang web để học nhạc cụ miễn phí cho tất cả mọi người.Mọi người sẽ học qua video, học nhạc cụ thực tế và hoàn toàn miễn phí Trang webnày sẽ giúp mọi người đam mê nghệ thuật nhạc cụ có thể bổ sung kiến thức, ngoàinhững kiến thức đã học ở trung tâm, giúp bạn biết về nhạc cụ để học nó, đặc biệt làmọi người có thể truyền đạt kiến thức của họ cho nhiều người hơn, cho nhiều ngườibiết hơn và có thể chơi nhạc cụ, họ sử dụng kiến thức đã học để thực hiện đam mê vàtìm việc làm tốt

Điểm khác biệt của trang web của tôi với các trang web khác là người dùng có thểxem bài giảng video trên trang web mà không cần phải chuyển hướng đến youtubehoặc bất kỳ trang nào khác, điều này sẽ tạo thuận tiện cho người dùng mà không phảichuyển đổi giữa các tab để học, các khóa học sẽ được sắp xếp theo một lộ trình phùhợp, từ học cơ bản đến nâng cao cho người mới bắt đầu Mọi người có thể thảo luậncùng nhau nếu họ không hiểu bất cứ điều gì sau mỗi bài học, cũng có thể kiểm trakiến thức của họ thông qua các câu hỏi trắc nghiệm tại trang web bài tập về nhà trêntrang web

Chương 1: TỔNG QUAN

1.1 Lý do chọn đề tài:

Hiện nay, âm nhạc, nhạc cụ đang được nhiều người biết đến và muốn học hỏi,phần lớn là giới trẻ Việc xây dựng một trang web học nhạc cụ miễn phí sẽ giúpmọi người dễ dàng tìm hiểu và học nhạc cụ dễ dàng hơn Ngoài ra, còn giúp mọingười có thể thuận tiện hơn trong việc đi lại hay là thời gian, nhất là trong thờibuổi dịch bệnh như thế này

1.2 Mục tiêu đề tài:

- Giúp người học có thể dễ dàng việc học

- Tăng tiến độ học nhạc cụ

- Mang lại sự thích thú khi học về phần lý thuyết

- Giúp mọi người hạn chế trong việc tiếp xúc ở mùa dịch bệnh

- Giúp người học có thể học một cách đúng phương pháp mang lại hiệu quả tốt

- Giúp mọi người quen thuộc với việc sử dụng internet hơn

- Quản lý thông tin người dùng gồm mã người dùng, tên người dùng, số điện thoại,địa chỉ, ngày sinh, giới tính,

- Quản lý thông tin các khoá học gồm tên khoá học, tác giả, cấp độ,

- Quản lý các bài học gồm tên bài học, video học,

- Quản lý bài kiểm tra gồm thêm các câu hỏi trắc nghiệm, kết quả,

1.3 Phạm vi đề tài:

Áp dụng cho tất cả mọi người sử dụng internet

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

Những người yêu thích nhạc cụ như: Đàn Guitar, Piano, Sáo,

1.5 Pháp lý, xã hội, đạo đức và chuyên nghiệp:

1.5.1 Pháp lý:

Vấn đề đầu tiên em muốn đề cập trong phần này là pháp lý Là một nhà pháttriển web, em có trách nhiệm theo kịp các vấn đề pháp lý quan trọng có thể ảnh

hưởng đến sản phẩm và khách hàng của mình Em cần phát triển trang web củamình dựa trên các yêu cầu pháp lý, có lẽ em sẽ tránh những điều sau đây:

 Bản quyền: Trang web của em sẽ không sử dụng tài liệu trái phép của ngườikhác, vi phạm bản quyền đối với nội dung của các trang web khác, nếu cầnthiết em sẽ tìm kiếm và trích dẫn thông tin có bản quyền, và nguồn gốc rõràng và được công khai trên internet

 Nhãn hiệu : Trang web của em sẽ sử dụng logo và khẩu hiệu do chính emthiết kế, trang web của tôi sẽ không mượn bất kỳ logo hoặc khẩu hiệu nào từcác trang web khác

 Nội dung cấp phép: Bất kỳ nội dung nào em sử dụng trên Trang web của mình(văn bản, hình ảnh, đa phương tiện, v.v.) là nội dung gốc của riêng em - và do

đó được bảo vệ khỏi việc sử dụng trái phép bởi người khác - hoặc có thể lànội dung mà em được ủy quyền

vì vi phạm các tiêu chuẩn đạo đức, nhưng một số hoạt động (như spam) là bằngvăn bản hoặc sẽ được viết thành luật Các tiêu chuẩn đạo đức thường được đồng

ý cho các chuyên gia web đã phát triển từ nhiều năm kinh nghiệm và nhiều tiêuchuẩn đã được thừa hưởng từ các ngành công nghiệp khác Dưới đây là một vàitiêu chuẩn đạo đức cho trang web của em để tránh ảnh hưởng đến người dùng:

 Trang web của em sẽ không gửi email hàng loạt khi người dùng không yêucầu hoặc email spam cho người dùng

 Trang web của em sẽ không chứa mã chương trình độc hại như virus hoặcsâu

 Trang web của em sẽ không chuyển qua các email theo luồng, đặc biệt lànhững tin nhắn ngụ ý các mối đe dọa

 Trang web của em sẽ không thu thập thông tin về quyền riêng tư của ngườidùng như tên, địa chỉ và số điện thoại và sẽ không chuyển thông tin đó chobên thứ ba Đảm bảo quyền riêng tư cho tất cả thông tin người dùng.

1.6 Kế hoạch:

1.6.1 Kế hoạch:

Phần này phác thảo kế hoạch của em để đạt được các mục tiêu được thảo luậntrong phần trước Bây giờ mối quan tâm là làm thế nào một trang web học tậptrực tuyến sẽ hoạt động và chủ đề chính của dự án này Hai vấn đề chính em sẽthảo luận dưới đây sẽ là hướng để em thực hiện dự án của mình

Đầu tiên là làm thế nào một trang web học tập trực tuyến sẽ hoạt động, học nó

sẽ cần rất nhiều tham khảo, tham gia và kinh nghiệm với một số trang web họctập trực tuyến có sẵn trên internet để hiểu cách thức hoạt động của nó Làm thếnào nó cung cấp giá trị hữu ích cho những người tham gia của nó Nó được hiểu

là một nơi để cung cấp kiến thức hữu ích từ nhiều nguồn khác nhau, từ nhiều cánhân khác nhau để hỗ trợ hơn nữa sự hiểu biết về một chủ đề nhất định

Thứ hai là chủ đề chính của dự án này - Tìm hiểu trang web học nhạc cụ miễnphí, điều này cần hiểu giá trị và lợi ích của nó đối với người dùng Em sẽ phảinghiên cứu, tham khảo nhiều sách, nhiều tài liệu trên Internet và tài liệu đượcthu thập để phân tích tốt nhất có thể

Bảng kế hoạch dưới đây em có thiết lập:

Bảng 1 1 Kế hoạch của dự án

TT Thời gian Nội dung công việc Kết quả dự kiến đạt được

1 3 ngày Nghiên cứu đề tài Đề ra mục tiêu, đối tượng người

dùng

2 1 tuần Phân tích chức năng Báo cáo, sơ đồ usecase

3 1 tuần Phác thảo giao diện các chức

4 3 ngày Thiết kế mô hình dữ liệu Báo cáo, Sơ đồ ERD

5 2 tuần Tạo cơ sở dữ liệu Cỡ sở dữ liệu hoàn chỉnh

6 3 tuần Xây dựng hệ thống Trang quản trị hoàn chỉnh

7 6 tuần Xây dựng hệ thống Trang người dùng hoàn chỉnh

8 1 tuần Kiểm tra và Chỉnh sửa, hoànthiện Website hoàn chỉnh

Hình 1 1: Biểu đồ kế hoạch

1.7 Lựa chọn giải pháp công nghệ:

Xậy dựng hệ thống kết hợp với HTML + CSS + Bootstrap + JavaScript + Microsoft SQL Server Management Studio + ASP.NET MVC

Hình 1 2: Biểu tượng của HTML

- HTML (viết tắt của từ Hypertext Markup Language, hay là “Ngôn ngữ Đánh dấuSiêu văn bản”) là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang webtrên World Wide Web Cùng với CSS và JavaScript, HTML là một trong nhữngngôn ngữ quan trọng trong lĩnh vực thiết kế website

Hình 1 3: Biểu tượng của CSS

- CSS: là Cascading Style Sheets (CSS) – được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML và XHTML

Hình 1 4: Biểu tượng của Bootstrap

- Bootstrap: là một framework bao gồm các HTML, CSS và JavaScript templatedùng để phát triển website chuẩn responsive Bootstrap cho phép quá trình thiết kếwebsite diễn ra nhanh chóng và dễ dàng hơn dựa trên những thành tố cơ bản sẵn cónhư typography, forms, buttons, tables, grids, navigation, image carousels…

Hình 1 5: Biểu tượng của JavaScript

- JavaScript: là ngôn ngữ lập trình mang đến sự sinh động của website Nó khácvới HTML (thường chuyên cho nội dung) và CSS (thường chuyên dùng chophong cách), và khác hẵn với PHP (chạy trên server chứ không chạy dưới máyclient)

Hình 1 6: Biểu tượng của Microsoft SQL Server Management Studio

- Microsoft SQL Server Management Studio là một công cụ trực quan dùng để quản

lý SQL Server Với SQL Server Management Studio chúng ta có thể thực hiệnđược các tương tác với database bằng câu lệnh hoặc trên giao diện người dùng.SQL Server Management Studio được thiết kế đơn giản và dễ sử dụng nhưng bạncũng cần có thời gian nhất định để làm quen với nó

Hình 1 7: Biểu tượng của ASP.NET MVC

- ASP.NET - MVC : là một framework tuyệt vời hỗ trợ pattern MVC cho ASP.NET.Nếu bạn muốn hiểu ASP.NET MVC làm việc như thế nào, bạn cần phải có một sựhiểu biết rõ ràng về mô hình MVC MVC là cụm từ viết tắt của Model-View-Controller, nó phân chia pattern của ứng dụng thành 3 phần - model, controller vàview.

- MVC (viết tắt của Model-View-Controller) là một mô hình kiến trúc phần mềm đểtạo giao diện người dùng trên máy tính MVC chia một ứng dụng thành ba phầntương thích tách biệt cách thức xử lý thông tin nội bộ và thông tin đó được trìnhbày và nhận từ người dùng

- Thành phần trong mô hình MVC:

 Bộ điều khiển: Nhiệm vụ là nhận yêu cầu điều hướng từ người dùng và gọiđúng phương pháp để xử lý chúng Ví dụ: thành phần này sẽ nhận được yêucầu từ các url và biểu mẫu để thao tác trực tiếp với Model

 Mô hình: Đây là thành phần chứa tất cả các thao tác logic, phương pháp xử lý

cơ sở dữ liệu, truy cập, đối tượng mô tả dữ liệu như Lớp, chức năng xử lý

 Xem: Chăm sóc hiển thị thông tin, tương tác với người dùng, nơi tất cả các đốitượng GUI như hộp văn bản, hình ảnh được hiểu đơn giản, nó là một tập hợpcác biểu mẫu hoặc tệp HTML

- Làm việc trong mô hình MVC:

 Khi có yêu cầu từ khách hàng đến máy chủ, bộ phận kiểm soát có trách nhiệmnhận yêu cầu, xử lý yêu cầu Và nếu cần thiết, nó sẽ gọi mô hình, phần hoạtđộng trực tiếp với Cơ sở dữ liệu

 Sau khi xử lý, tất cả các kết quả được đẩy đến phần Dạng xem Tại View, hệthống sẽ tạo mã HTML và tự thiết kế giao diện và trả lại tất cả mã HTML chotrình duyệt để hiển thị

Hình 1 8: Hoạt động của mô hình MVC

o HTML:Giúp bạn hem nội dung cho trang web

o CSS: Định dạng thiết kế, bố cục, phong cách, canh lề của trang web

o JavaScript: Giúp tăng tính tương tác trên website

o ASP.NET MVC: Cải thiện cách hoạt động của trang web

o Nền tảng: Website

o Thiết kế ý tưởng giao diện: Phần mềm Figma

o Vẽ sơ đồ Use case và thiết kế sơ đồ ERD: phần mềm Star UML

o Thiết kế CSDL: Hệ quản trị cơ sở dữ liệu SQL Sever

o Phần mềm code: Visua studio, Sublime text,…

o Ngôn ngữ viết: C#, HTML, CSS,Bootstrap …

Chương 2: PHÂN TÍCH THIẾT KẾ

2.2.1 Yêu cầu máy chủ:

- Phần cứng máy chủ: PC có bộ xử lý Intel core i3 trở lên, RAM tối thiểu 4GB

- Hệ điều hành: Windows, Linux

- Môi trường: Internet

- Hệ thống quản lý cơ sở dữ liệu Microsoft SQL Server Management Studio

2.2.2 Yêu cầu của khách hàng:

- Phần cứng khách hàng: Đa nền tảng, có thể là máy tính xách tay, PC, điện thoại

di động và máy tính bảng

- Trình duyệt: Đa trình duyệt như Internet Explorer, Mozilla Firefox, Google Chrome

- Hệ điều hành: Windows, MacOs, Linux, Ubuntu

- Môi trường: Internet

2.3 Đặc tả yêu cầu nghiệp vụ (Business Requirments):

2.3.1 Khách vãng lai:

- Cho phép khách vãng lai tìm kiếm cái khoá học

- Cho phép khách vãng lai đăng ký tài khoản

2.3.2 Người dùng:

- Cho phép người dùng đăng nhập

- Cho phép người dùng tìm kiếm cái khoá học

- Cho phép người dùng xem chi tiết khoá học

- Cho phép người dùng đăng ký khoá học

- Cho phép người dùng đánh giá bình luận khoá học và bài học

- Cho phép người dùng xem bài học

- Cho phép người dùng làm bài tập trong mỗi bài học

- Cho phép người dùng cập nhật thông tin cá nhân

- Cho phép người dùng xem quá trình học tập cá nhân

2.3.3 Quản trị viên:

- Cho phép quản trị viên quản lý khóa học: thêm, sửa, cập nhật, xóa khóa học

- Cho phép quản trị viên quản lý bài học: thêm, sửa, cập nhật, xóa bài

- Cho phép quản trị viên quản lý danh mục: thêm, chỉnh sửa, cập nhật, xóa danhmục

- Cho phép quản trị viên quản lý tài khoản: xoá tài khoản người dung

- Cho phép quản trị viên tạo một bài tập cho mỗi bài học

2.4 Yêu cầu phi chức năng:

Bảng 2 1: Yêu cầu phi chức năng

Hiệu năng

- Thời gian tải trang web từ phía máy chủ phải ít hơn 5 giây

- Cho phép nhiều người đăng nhập vào hệ thống

- Chu kỳ khởi động lại hệ thống nên được thực hiện trong vòng chưa đầy 60 giây

Bảo vệ

- Xác thực: Sử dụng tài khoản để đăng nhập vào hệ thống, bao gồm 2 loại: Admin, User Mỗi loại người dùng có bộ quyền riêng

- Dữ liệu về tài khoản được lưu trong cơ sở dữ liệu và được giữ bí mật

- Mật khẩu được mã hóa để đảm bảo tính bảo mậtTrình duyệt Hệ thống có thể chạy bất kỳ trình duyệt nào

Giao diện Giao diện người dùng bắt mắt, thích ứng với mọi loại thiết bị, phông chữ và màu sắc phù hợp với mọi người.

Độ tin cậy

Tỷ lệ lỗi trong hệ thống phải ở mức thấp nhất (1-2%) Nếu xảy ra lỗi, giao diện thông báo lỗi phải được cung cấp cho người dùng

Ngôn ngữ Tiếng Việt

2.5 Đặc tả chức năng của từng tác nhân:

2.5.1.3 Admin quản lý khóa học

- Xem danh sách các khoá học

- Tạo mới các khoá học

- Chỉnh sửa khoá học

- Xoá các khoá học

2.5.1.4 Admin quản lý bài học

- Tìm kiếm bài học trong khoá học

- Xem danh sách bài học

- Tạo bài học mới

- Chỉnh sửa bài học

- Xoá bài học

2.5.1.5 Admin quản lý danh mục

- Xem danh sách danh mục

- Tạo danh mục mới

- Chỉnh sửa danh mục

- Xoá danh mục

2.5.1.6 Admin quản lý tài khoản

- Tìm kiếm tài khoản người dùng

- Xoá tài khoản người dùng

- Xem danh sách tài khoản người dùng

2.5.1.7 Admin quản lý bài tập

- Thêm bài tập trong từng bài học

2.5.2.2 Người dùng tìm kiếm các khóa học có sẵn

- Lọc theo danh mục khoá học

2.5.2.3 Người dùng xem chi tiết khóa học

- Tình trạng đăng ký khoá học

- Bình luận khoá học

- Xem tổng số bài học trong khoá học

2.5.2.4 Người dùng quản lý thông tin cá nhân

- Xem thông tin cá nhân

- Xem các khoá học đã đăng ký

- Xem tiến độ học tập của khoá học đã đăng ký

- Chỉnh sửa thông tin cá nhân

2.5.2.5 Người dùng đăng ký khóa học

- Xem chi tiết khoá học

- Xem giá xu của khoá học

2.5.2.6 Người dùng xem video bài học

- Bình luận bài học đã xem

- Ghi chú trong bài học

- Làm bài tập tròn mỗi bài học

2.5.3 Khách vãng lai:

2.5.3.1 Tìm kiếm các khoá học

- Lọc theo danh mục khoá học

- Tìm kiếm theo từ ngữ

2.5.3.2 Đăng ký tài khoản

- Đăng ký tài khoản bằng email

- Đăng ký tài khoản bằng số điện thoại

- Đăng ký tài khoản bằng facebook

2.6 Sơ đồ Use-case:

2.6.1 Admin:

Hình 2 1 : Sơ đồ usecase của Admin

2.6.2 Người dùng

Hình 2 2: Sơ đồ usecase của người dùng

2.7 Sơ đồ hoạt động:

2.7.1 Đăng ký khóa học:

Hình 2 3: Sơ đồ hoạt động đăng ký khoá học

2.7.2 Đổi mật khẩu:

Hình 2 4: Sơ đồ hoạt động đổi mật khẩu

2.7.3 Cập nhật thông tin cá nhân:

Hình 2 5: Sơ đồ hoạt động cập nhật thông tin cá nhân

2.7.4 Tạo mới khóa học:

Hình 2 6: Sơ đồ hoạt động tạo mới khoá học