Môn học Phân Tích Thiết Kế Hệ Thống Thông Tin Đề Tài Hệ Thống dạy và học lập trình

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

<b>TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN </b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

<b>Danh sách thành viên nhóm và bảng phân cơng </b>

<b>Bảng phân cơng việc </b>

<small>Phùng Huy Vũ </small>

<small>Phùng Hồng Long </small>

<small>Đào Tiến Chiến </small>

<small>Nguyễn Hữu Quân </small>

<small>Dương Thị Lý </small>

<small>Phạm Tuấn Vinh </small>

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

CHƯƠNG 1: KHẢO SÁT VÀ PHÁT BIỂU BÀI TỐN

<b>1.1. Xác định bài tốn: </b>

A. Tên đề tài: Xây dựng hệ thống dạy và học lập trình online.

B. Nhóm thực hiện: Nhóm 5 – Lớp CNTT1 – K60 Các thành viên bao gồm : 1. Đào Tiến Chiến

2. Phùng Hoàng Long 3. Dương Thị Lý 4. Nguyễn Hữu Quân 5. Phạm Tuấn Vinh 6. Phùng Huy Vũ

C. Nơi thu thập dữ liệu: Các trang dạy học lập trình online, các trung tâm dạy lập tình

<b>1.2. Thu Thập Thơng Tin: </b>

a. Đối tượng khảo sát: Giảng viên,học viên học xử dụng và chưa sử dụng hệ thống. b.Phiếu khảo sát:

<b>i. Phiếu điều tra việc học của Học sinh,sinh viên </b>

<b>Bạn đã từng học lập trình qua web/app bao giờ chưa? </b>

<b>... Giữa website và app bạn chọn hình thức học nào? </b>

<b>... Những ngơn ngữ lập trình bạn đang học là </b>

<b>gì?(C/C++,JavaScript,Phython,Java,PHP,C#,SQL,Swift) </b>

<b>... Các trang web/app bạn đang sử dụng có cần đăng ký, đăng nhập tài khoản không? </b>

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

<b>... Những trang web/app mà bạn đã học thì có những tính năng chủ yếu nào? ... Bạn cảm thấy web/app mà bạn đang học cịn những thiết sót gì? </b>

<b>... Khi học qua web/app thì bạn muốn web/app có những gì? </b>

<b>... </b>

<b>ii. Phiếu điều tra về việc dạy học của giáo viên </b>

<b>Thầy/cô đã từng dạy lập trình qua web/app nào chưa? </b>

<b>... </b>

<b>Các web/app thầy cơ đang sử dụng có thường xuyên cập nhật những tính năng mới khơng? </b>

<b>... Thầy/cơ thường gặp những khó khăn gì khi dạy lập trình qua web/app ? ... Thầy / cơ mong muốn app/web có những tính năng gì? </b>

<b>... Thầy / cơ muốn app/web sửa lỗi gì khơng? </b>

 

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

Cần thỏa thuận:  Chương trình:    Giới thiệu  

2 phút   2 phút    

20 phút   20 phút   2 phút   2 phút   1 phút 

<b>(Thời gian dự tính:50 phút)  </b>  

 

<b>KẾ HOẠCH PHỎNG VẤN  </b>

Đối tượng được hỏi:  Cần thu thập dữ liệu:  Cần thỏa thuận: 

 Nguyễn Hữu Quân Sinh viên năm 3- UTC Chương trình: 

  Giới thiệu  

 Tổng quan về kế hoạch 

Ước lượng thời gian:   1 phút  

2 phút  

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

20 phút   20 phút   2 phút   2 phút   1 phút 

<b>(Hỏi sơ qua, bao quát) </b>

+ X học ngành cntt bao lâu rồi? ( từ bao giờ?)

+ Việc học qua web/app có thuận lợi khơng, có gặp khó khăn j khơng?

+ Nếu gặp khó khăn vậy thì nguyên nhân là do đâu? (Bây giờ sẽ đi sâu vào hệ thống)

Tiểu dự án: Người được hỏi : Nguyễn

Hữu Quân

Sinh viên năm 3- UTC

Phùng Huy Vũ

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

Câu hỏi:

1. Bạn đã học cntt được bao lâu? 2. Việc học qua web/app có thuận lợi khơng, có gặp khó khăn j khơng?

3. Bạn có thể đưa ra những khó khăn mà bạn gặp phải? 4. Các kênh học lập trình mà bạn sử dụng là gì?

5. Ngơn ngữ lập trình mà bạn nhắm tới chủ yếu là đối tượng nào? 6. Liệu bạn cịn có gì khác mà bạn muốn bổ sung không?

7. Cảm ơn bạn đã dành thời gian cho những câu hỏi vừa rồi !

Trả lời:

1. Ở trường đại học là 2 năm. Bắt đầu tìm hiểu từ 3-4 năm trước

2. Học bằng khá ok nhưng có 1 chút khơng thuật lợi.

3. Thật ra cũng khơng phải khó khăn mà là có chút khơng ưng ý, có thể coi là thiếu sót:

thì khơng có nơi, chỗ để hỏi, phải tìm kiếm ở bên ngoài.

<small> </small> Bài tập khá ít, không đủ để rèn luyện khả năng code.

được xâu chuỗi hợp lý.

<small> </small>

4. 5. HTML, CSS, JS, C#.

6. Mình thấy mơ hình của Hocmai rất hay nếu có thể thiết kể 1 hệ thống dạng như hocmai và các cách kiểm tra, bài tập

như codelearn, w3schools thì học 1 ngơn ngữ khá dễ dàng, dễ hiểu và dễ vào tay hơn

* Dành cho bên giảng dạy(50p):

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

+ em cảm ơn thầy/cô đã bỏ thời gian quý báu của mk để tham gia vào buổi phỏng vấn này

+ Chào tạm biệt và chúc x thật nhiều sức khoẻ

<b>KẾ HOẠCH PHỎNG VẤN  </b>

Đối tượng được hỏi:  Cần thu thập dữ liệu:  Cần thỏa thuận: 

 Đào Như Anh- cựu sinh viên cntt UTC-giảng viên hệ thống CodeGym

Chương trình:    Giới thiệu  

2 phút   2 phút    

20 phút   20 phút   2 phút   2 phút   1 phút 

<b>(Thời gian dự tính:50 phút)  </b>  

Mẫu phỏng vấn thực tế:

<b>PHIẾU PHỎNG VẤN </b>

Dự án: Dạy học online qua web/app

Tiểu dự án: Người được hỏi : Đào Như

Anh-Giảng viên tại codegym

Phùng Huy Vũ Câu hỏi:

1. Anh đã từng dạy lập trình qua web/app chưa ạ?

2. Anh dạy qua nền tảng công nghệ nào?

3. Anh thường quan tâm những gì khi dạy online ạ?

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

4. Khi dạy online thì sẽ có 1 số trường hợp không thể vào học được do gặp vấn đề khách quan và anh làm ntn để kiểm soát người học ạ?

5. Khi dạy online thì a muốn học viên của anh làm gì để anh hài long ạ? 6. Anh có góp ý gì muốn bổ sung khơng?

7. Cảm ơn anh đã dành thời gian cho những câu hỏi vừa rồi!

4. Anh thường record lại buổi học và up lên hệ thống để các bạn có thể xem lại. Anh cũng sẽ tạo quick test và mini test. Nếu tình trạng xảy ra nhiều thì có thể tách lớp thành 2 phòng riêng để hỗ trợ ở mức độ khác nhau

5. Học viên muốn học, chủ động hỏi, với cá nhân anh thì chia sẻ kiến thức cho học viên nên anh cần học viên chủ động, khơng cần hài lịng anh.

6. Anh khơng có ý kiến gì

<b>1.3. Phát biểu bài toán. </b>

Hoạt Động của hệ thống dạy và học như sau:

 Bên dạy: người dạy sẽ up bài giảng bao gồm có video ,bài tập ,đề luyện thực hành cho từng học phần,chỉnh sửa bài giảng, theo dõi xem khóa học đấy có bao nhiêu người học,v.v..

 Bên Học: người học sẽ được lựa chọn từng khóa học,bài giảng để học. Có thể học từng bài riêng lẻ hoặc theo tiến trình. Sẽ theo dõi được tiến trình học

<b>2.1 Mơ Tả Chức Năng: </b>

Bài toán gồm 5 chức năng:

i. .Đăng ký tài khoản:

 Yêu cầu đăng ký tài khoản

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

 Lấy thông tin người sử dụng  Xác nhận thông tin người dùng  Cấp tài khoản

 Lưu vào cơ sở dữ liệu ii. Soạn bài giảng (dành cho giảng viên):

 Nhận yêu cầu soạn bài

 Kiểm tra quyền người sử dụng

 Cập nhật thông tin bài giảng lên cơ sở dữ liệu  Soạn bộ Test

 Cấp bài giảng đề xuất iii. Đăng ký gói học

 Kiểm tra cơ sở dữ liệu các bài giảng, khóa học  Cung cấp cho học viên các khóa học, bài giảng

 Nhận yêu cầu đăng ký khóa học, bài giảng của học viên  Tạo hóa đơn thanh tốn khóa học, bài giảng

 Tìm kiếm bài giảng

 Kiểm tra thơng tin học viên về gói học  Phản hồi kết quả kiểm tra

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

+ Tư vấn lựa chọn phù hợp + Báo cáo nội dung bài học + Đề xuất bài học sau Test , ..

<b>2.2.Phân tích Yêu Cầu. </b>

- Giao diện dễ sử dụng, có tính thẩm mĩ cao.

- Cho phép đăng ký và bảo mật thông tin khách hàng. - Cho phép xem và thay đổi thông tin tài khoản. - Hình thức thanh tốn phải đảm bảo chính xác. - Thơng tin bài học phong phú, đa dạng.

- Cho phép tìm kiếm nhanh chóng, chính xác theo nhiều tiêu chí

- Người dạy có thể dễ dàng cập nhật, thay đổi hình ảnh, thông tin chi tiết về bài học.

<b>2.3. Mô Hình Hóa Tiến Trình </b>

2.3.1 Mơ Hình phân rã chức năng BFD.

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

Hình 2.3.1: Mơ hình BFD 2.3.2. Mơ hình luồng dữ liệu.

a. Biểu đồ luồn dữ liệu mức ngữ cảnh:

Chức năng của hệ thống là DẠY - HỌC. Đối tác của hệ thống gồm có giáo viên (tức người dạy) và người học. Người học và giáo viên đưa ra các yêu cầu của mình đối với hệ thống như: Yêu cầu đăng nhập vào hệ thống, yêu cầu bài học, yêu cầu tìm kiếm hay trắc nghiệm…Sau khi nhận được yêu cầu từ phía người dùng hệ thống sẽ trả ra kết quả đăng nhập (thành công hay không thành công), trả ra nội

<b>dung bài học… mà người dùng yêu cầu. </b>

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

Hình 2.3.2a: Mơ hình mức ngữ cảnh b.Biểu đồ luồng dữ liệu mức 0.

Mức ngữ cảnh của hệ thống có thể phân rã ra thành các chức năng con như: Soạn, quản lý, hiển thị, đánh dấu, trắc nghiệm và tìm kiếm. Giáo viên đưa vào hệ thống phần mềm những bài giảng chi tiết, nội dung các bài trắc nghiệm để làm dữ liệu bài học. Người học không thể vào chức năng này của hệ thống. Khi người dùng muốn sử dụng phần mềm để học thì họ phải đăng nhập vào hệ thống. Họ có thể vào các chức năng của hệ thống như: hiển thị ngay nội dung bài học mà họ muốn học. Hoặc họ có thể vào ngay các chức năng khác hoặc đang học có thể yêu cầu các chức năng này như: Yêu cầu tìm kiếm để tìm nội dung mình cần tra cứu, yêu cầu trắc nghiệm để kiểm tra lại kiến thức hay yêu cầu đánh dấu bài học của ngày hơm đó lại… Sau đó hệ thống sẽ tự động vào các kho dữ liệu để lấy dữ liệu trả ra kết quả mà người dùng yêu cầu.

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

Hình 2.3.2b Mơ Hình luồng dữ liệu mức 0

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

c.Mơ hình mức dưới đỉnh

c1. DFD Soạn bài và quản lý Sinh viên

Hình 2.3.2c1 Chức năng soạn và Quản Lý Sinh Viên c2.DFD Soạn bài test và học

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

Hình 2.3.2c2 Chức năng tạo bài test và học c3. DFD xử lý sự cố

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

Hình 2.3.2c3 Xử Lý Sự Cố

<b>2.4 Mơ Hình Hóa Dữ Liệu </b>

2.4.1 Bảng các thực thể và thuộc tính a. Giáo Viên

DATA TYPES DESCRIPTION

TK

Nvarchar(10) Tài Khoản

PassWord

Nvarchar(15) Mật Khẩu

</div><span class="text_page_counter">Trang 21</span><div class="page_container" data-page="21">

3.1.2 Công Nghệ Lập trình cơng nghệ lưu trữ giữ liệu -Cơng nghệ lập trình ASP.Net

-Cơng nghệ lưu trữ dữ liệu SQL Server 3.1.3. Phân rã hệ thống thành các module: 3.1.4 Chi tiết mối module

1.Quản lý tài khoản Input: thông tin đăng ký

</div><span class="text_page_counter">Trang 22</span><div class="page_container" data-page="22">

Output: Trang chủ Mô tả tiến trình:

2.Quản lý bài giảng

Input: Yêu cầu update bài giảng

</div><span class="text_page_counter">Trang 23</span><div class="page_container" data-page="23">

Output: Bài giảng hoàn chỉnh Mơ tả tiến trình:

3.Quản lý bài học Input: Yêu cầu bài học Output: Bài học

Mơ tả tiến trình:

</div><span class="text_page_counter">Trang 24</span><div class="page_container" data-page="24">

4.Quản lý lộ trình học Input: Thơng tin người học Output: Lộ trình học

</div><span class="text_page_counter">Trang 25</span><div class="page_container" data-page="25">

Mơ tả tiến trình:

5.Báo cáo sự cố

Input: Thông tin yêu cầu xử lý sự cố, phản hồi của người dùng Output: Kết quả xử lý

</div><span class="text_page_counter">Trang 26</span><div class="page_container" data-page="26">

Mơ tả tiến trình:

</div><span class="text_page_counter">Trang 27</span><div class="page_container" data-page="27">

<b>3.2. Thiết kế giao diện </b>

3.2.1 Thiết kế giao diện chung a. Đăng ký

b. Đăng Nhập

c. Trang chủ

</div><span class="text_page_counter">Trang 28</span><div class="page_container" data-page="28">

d. Trang Bài Học

e. Đăng ký bài học

</div><span class="text_page_counter">Trang 29</span><div class="page_container" data-page="29">

f. Thông tin bài học

</div><span class="text_page_counter">Trang 30</span><div class="page_container" data-page="30">

g. Hệ thống

</div><span class="text_page_counter">Trang 31</span><div class="page_container" data-page="31">

h. Thông tin giảng viên

i. Upload bài giảng

</div>