ĐỒ án cơ sở 1 đề tài xây DỰNG WEBSITE dạy học TRỰC TUYẾN

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH

🙞🙞🙞🙞🙞

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: “XÂY DỰNG WEBSITE DẠY HỌC TRỰC TUYẾN”

Sinh viên thực hiện :

Giảng viên hướng dẫn:

Đà Nẵng, ngày 10 tháng 5 năm 2022

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH

🙞🙞🙞🙞🙞

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: “XÂY DỰNG WEBSITE DẠY HỌC TRỰC TUYẾN”

Sinh viên thực hiện :

Giảng viên hướng dẫn:

Đà Nẵng, ngày 10 tháng 5 năm 2022

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

Chữ kí của Giáo viên hướng dẫn

LỜI MỞ ĐẦU

Trong công cuộc đổi mới hiện nay, ứng dụng công nghệ thông tin và việc tinhọc hóa được xem là một trong những yếu tố mang tính quyết định trong hoạtđộng của chính phủ, tổ chức, cũng như các công ty, nó đóng vai trò hết sức quantrọng, có thể tạo ra những bước đột phá mạnh mẽ Trong hệ thống giáo dục thìgiáo dục Đại học có tác động mạnh mẽ đối với sự phát triển xã hội loài người,đặc biệt ở giai đoạn hiện nay, khi khoa học công nghệ tiến bộ vượt bậc, kinh tếtri thức đang hình thành và phát triển

Ngành Công Nghệ Thông Tin là một ngành khoa học đang trên đà phát triểnmạnh và ứng dụng rộng rãi trên nhiều lĩnh vực Cùng với xu hướng phát triển cácphương tiện truyền thông như TV, Radio, báo giấy thì việc sử dụng Internet ngàycàng phổ biến, Truy cập Internet, chúng ta có được một kho thông tin khổng lồphục vụ cho mọi nhu cầu, mục đích của chúng ta chỉ bằng một cú nhấp chuột.Nhận thức được các nhu cầu tìm kiếm cho con em một trang web dạy học uytín, chất lượng và phù hợp của các phụ huynh Bắt nguồn từ ý tưởng này, với sựgợi ý của thầy ,chúng em đã thực hiện đồ án “Xây dựng websize dạy học trựctuyến” được ra đời

LỜI CẢM ƠN

Trước tiên với tình cảm sâu sắc và chân thành nhất, cho phép em được bày tỏlòng biết ơn đến tất cả các cá nhân và tổ chức đã tạo điều kiện hỗ trợ, giúp đỡ emtrong suốt quá trình học tập và nghiên cứu đề tài này Trong suốt thời gian từ khibắt đầu học tập tại trường đến nay, em đã nhận được rất nhiều sự quan tâm, giúp

đỡ của quý Thầy Cô và bạn bè

Với lòng biết ơn sâu sắc nhất, em xin gửi đến quý Thầy Cô ở Khoa Khoa HọcMáy Tính đã truyền đạt vốn kiến thức quý báu cho chúng em trong suốt thời gianhọc tập tại trường Nhờ có những lời hướng dẫn, dạy bảo của các thầy cô nên đềtài nghiên cứu của em mới có thể hoàn thiện tốt đẹp

Một lần nữa, em xin chân thành cảm ơn thầy Nguyễn Đức Hiển – người đãtrực tiếp giúp đỡ, quan tâm, hướng dẫn em hoàn thành tốt bài báo cáo này trongthời gian qua

Bài báo cáo thực hiện trong khoảng thời gian 2 tháng Bước đầu đi vào thực tếcủa em còn hạn chế và còn nhiều bỡ ngỡ nên không tránh khỏi những thiếu sót,

em rất mong nhận được những ý kiến đóng góp quý báu của quý Thầy Cô đểkiến thức của em trong lĩnh vực này được hoàn thiện hơn đồng thời có điều kiện

bổ sung, nâng cao ý thức của mình

Sinh viên chịu trách nhiệm chính

(Kí và ghi rõ họ tên)

1.1.4 Đề xuất nội dung thực hiện: 21.2 Phương pháp kết quả 31.1.1 Phương pháp nghiên cứu 3

1.3 Cấu trúc đề tài 3

1.1 Ưu, nhược điểm 41.2 Thông tin về công cụ thực hiện 51.1.1 Visual Studio Code là gì? 51.1.2 Một số tính năng của Visual Studio Code 61.1.3 Tại sao nên sử dụng Visual Studio Code? 7

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

1.1 Mô hình tổng quan của hệ thống nghiên cứu 81.2 Thiết kế chi tiết 8

1.1.2 Giới thiệu về trang web 91.1.3 Đăng ký/Đăng nhập 91.1.4 Thông tin liên hệ 10

CHƯƠNG 4 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 12

DANH MỤC CÁC HÌNH ẢNH

Hình 3.1 Sơ đồ ngữ cảnh 17Hình 3.2 Trang chủ 17Hình 3.3 Giới thiệu về trang web 18Hình 3.4 Đăng ký/Đăng nhập 18Hình 3.5 Thông tin liên hệ 19

CHƯƠNG 1 GIỚI THIỆU 1.1 Tổng quan:

1.1.1 Tên đề tài:

“Websize dạy học trực tuyến”

1.1.2 Bối cảnh thực hiện đề tài:

Trong thời đại ngày nay, sự phát triển như vũ bão của công nghệ thông tinđang ảnh hưởng tới mọi mặt của đời sống xã hội Trong đó giáo dục cũng chịumột sự tác động mạnh mẽ của công nghệ thông tin Sự phát triển của công nghệthông tin làm cho lượng tri thức của nhân loại tăng lên rất nhiều, chính vì vậy màcác phương pháp giáo dục truyền thống như “phấn trắng, bảng đen” không thểnào truyền tải được hết mội dung tri thức Nó cũng đã mở ra nhiều phương pháp

và cách thức dạy học mới Vì vậy mà việc nghiên cứu đổi mới phương phápgiảng dạy bằng việc sử dụng hiệu quả của công nghệ thông tin đang là nhu cầucấp bách trên phạm vi toàn thế giới Trong bối cảnh đó, nếu muốn nền giáo dụcnước nhà phát triển bắt kịp và đáp ứng được công cuộc công nghiệp hoá, hiện đạihoá của đất nước, thì nền giáo dục nước ta cần được đổi mới phương pháp dạyhọc Theo hướng vận dụng công nghệ thông tin và các thiết bị dạy học phát huymạnh mẽ tư duy sáng tạo, kĩ năng thực hành và hứng thú học tập của học sinh, đểnâng cao chất lượng dạy học

Việc ứng dụng công nghệ thông tin vào giáo dục của nước ta hiện nay có hainội dung chủ yếu là: Ứng dụng công nghệ thông tin phục vụ cho công tác quản lý

và Ứng dụng cho việc dạy và học, đổi mới phương pháp giảng dạy làm tăng chấtlượng giáo dục Hiện này đã có rất nhiều phần mềm dạy học ra đời, trong đó đã

có rất nhiều phần mềm có chất lượng cao

Đề xuất nội dung thực hiện:

Tạo websỉte dạy học trực tuyến cho người sử dụng dễ dàng truy cập và tìmkiếm cho mình các khóa học phù hợp nhất Chúng tôi tạo ra website này nhằmhướng tới người sử dụng có sự tin tưởng và độ tin cậy, đáp ứng nhu cầu củangười dùng hiện nay

1.1.3 Mục tiêu:

1 Cung cấp đầy đủ và đúng đắn kiến thức các môn trong tổ hợp tự nhiên,ngoài ra bổ sung thêm các kiến thức để phục vụ nhu cầu học tập của các học sinhkhá giỏi

2 Các kiến thức phải được trình bày trực qua, sinh động sao cho học sinh dễdàng nắm bắt được kiến thức.

3 Cung cấp cho học sinh một lượng bài tập đầy đủ, đa dạng và phân bậc theotrình độ

4 Kiểm tra đánh giá được chất lượng học sinh, có các bài kiểm tra trực tuyến

để học sinh có thể tham gia kiểm tra Có các kết quả đánh giá và thông báo chohọc sinh

5 Trang Web phải có các mội dung hấp dẫn làm tăng hứng thú của học sinhđối với môn học

6 Hỗ trợ người quản trị trong việc quản lý dữ liệu

1.1.4 Đề xuất nội dung thực hiện:

Trong những năm gần đây chúng ta đã đạt được một số thành tựu phát triểnrực rỡ về khoa học kỹ thuật,các ngành như du lịch,dịch vụ,xuất khẩu, lương thựcthực phẩm sang các nước vv Đằng sau những thành tựu chúng ta đã đạt được,thì cũng có không ít vấn đề mà Đảng và nhà nước ta cần quan tâm như: Tệ nạn

xã hội, lạm phát, việc làm và tình trạng thất nghiệp Xong với hạn chế của bàiviết mà chúng ta không thể phân tích kỹ từng vấn đề đang xảy ra trong xã hộinhư hiện nay được Nhưng có lẽ điều được mọi người quan tâm hàng đầu ở đây

có lẽ giáo dục Hiện nay, dịch bệnh đang là vấn đề nóng trên toàn thế giới Nólàm tình hình kinh tế, giáo dục bị gián đoạn, trì trệ Đặt biệt, việc một số học sinhcòn đang trên ghế nhà trường đang cần rất nhiều nguồn kiến thức bổ ích Vấn đềhọc tập luôn là nổi lo lắng của học sinh nhằm thu thập kiến thức và lấy đó làmnền tảng thi THPTQG Tuy nhiên, không phải ai cũng tìm được một trang webphù hợp Vấn đề được đặt ra ở đây là tạo cầu nối để kết nối học sinh và trangweb học một cách tối ưu hơn so với cách giảng dạy của nhà trường

1.2 Phương pháp kết quả:

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

- Tiến hành thu thập và phân tích những thông tin, tài liệu liên quan đến đề tài để hình thành nên những ý tưởng tổng quan

- Xác định các yêu cầu nhằm phân tích thiết kế hệ thống chương trình cho phù hợp

- Triển khai chương trình và đánh giá kết quả

1.1.2 Kết quả

1.1.1.1 Các bước triển khai thực hiện đề tài

- Lưạ chọn đề tài

- Lập kế hoạch thực hiện

- Đặt vấn đề, xây dựng giải thuyết

- Thu nhập tài liệu, xử lí thông tin

- Thực hiện thiết kế website

- Viết báo cáo kết quả nghiên cứu

1.1.1.2 Kết quả đạt được

Vậy xây dựng một Website dạy học trực tuyến đơn giản, thân thiện, dễ sử dụng Cho phép người dùng truy cập qua mạng, người quản trị quản lý các thôngtin về khóa học cũng như người dùng

1.3 Cấu trúc đề tài

Đề tài được chia làm 5 chương:

Chương 1: Giới thiệu

Chương 2: Nghiên cứu tổng quan

Chương 3: Phân tích thiết kế hệ thống

Chương 4: Triển khai xây dựng

Chương 5: Kết luận và hướng phát triển

CHƯƠNG 2 NGHIÊN CỨU TỔNG QUAN 1.1 Ưu, nhược điểm

Ưuđiểm Nhược điểm

-Tiết kiệm được tối

đa chi phí :Học phíonline bao giờ cũng rẻhơn so với việc họctruyền thống Hơn nữahọc viên cũng khôngcần tốn các khoảng chiphí đi lại

- Một số học viênkhông quen việc họcvới hình thức mới nàynên chưa đạt đượcnhững hiệu quả caotrong quá trình học tập.Ngược lại thậm chí cònphát sinh

những phản ứng tiêucực

-Giao diện học tậptiện lợi hiện đại tốthơn nhờ vào ứng dụngcủa công nghệ mới

-Bên cạnh đó, việchọc trực tuyến phảisong hành với việc độclập, đi kèm với sự tựgiác, nâng cao ý thứcbản thân Do đó, nếu ýthức học viên quá kém

sẽ không thể phát huyhiệu quả như mongmuốn mà mô hình họconline mang lại

- Không bị ảnhhưởng bởi các họcviên khác ,học viênhoàn toàn chủ động và

tự do trong suốt quátrình học tập, có thểchọn thời gian, nơi họcsao cho thuận tiệnnhất với mình

-Chưa đánh giá chính xác được chất lượng sản phẩm : Vì các khoáhọc online hầu hét sẽ phải trả tiền trước rồi mới được tham gia vàokhoá học nên do đó, người học cần

-Chất lượng kiếnthức cập nhật đầy đủ,

phải có thêm khả năng đánh giá đúng về chất lượng sản phẩm : Cái

hoàn chỉnh, có thể tracứu lại

nàotốt , cái nào phù hợp, giá

bất cứ khi nàomình muốn.

- Không bị gò bó,giới hạn về thời gianhọc, cường độ học haykhoảng cách địa lý,…

-Được quyền tự do chọn lựa giảng viên hoặc trung tâm mà mình muốn học

nào là hợp lý hơn, giảng nào dạy hay, trung tâm nào có độ uy tín cao,…? Nếu không với tình trạng các khoá học kém ngập trên thị trường, học viên sẽ rất

dễ gặp phải những sản phẩm có chất lượng kém, không mang lại hiệu quả dẫn tới tiền mất tật mang, nản chí

và giảm lòng tin vào việc học online

Kết luận Mỗi website đều có ưu, nhược điểm riêng Vì vậy,

để có được hiệu quả nhất định, mỗi cá nhân cần cân nhắc kĩ lưỡng về học trực tuyến để mang đến kết quả cao nhất

1.2 Thông tin về công cụ thực hiện

1.1.1 Visual Studio Code là gì?

Visual Studio Code (VS Code hay VSC) là một trong những trình soạn thảo

mã nguồn phổ biến nhất được sử dụng bởi các lập trình viên Nhanh, nhẹ, hỗ trợ

đa nền tảng, nhiều tính năng và là mã nguồn mở chính là những ưu điểm vượt trội khiến VS Code ngày càng được ứng dụng rộng rãi

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ó syntax highlighting, 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

1.1.2 Một số tính năng của Visual Studio Code

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

Visual Studio Code hỗ trợ nhiều ngôn ngữ lập trình như C/C++, C#, F#,Visual Basic, HTML, CSS, JavaScript, … Vì vậy, nó dễ dàng phát hiện và đưa rathông báo nếu chương chương trình có lỗi

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

Các trình viết code thông thường chỉ được sử dụng hoặc cho Windows hoặcLinux hoặc Mac Systems Nhưng Visual Studio Code có thể hoạt động tốt trên cả

ba nền tảng trên

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

Trong trường hợp lập trình viên muốn sử dụng một ngôn ngữ lập trình khôngnằm trong số các ngôn ngữ Visual Studio hỗ trợ, họ có thể tải xuống tiện ích mởrộng Điều này vẫn sẽ không làm giảm hiệu năng của phần mềm, bởi vì phần mởrộng này hoạt động như một chương trình độc lập

- Kho lưu trữ an toàn

Đi kèm với sự phát triển của lập trình là nhu cầu về lưu trữ an toàn VớiVisual Studio Code, người dùng có thể hoàn toàn yên tâm vì nó dễ dàng kết nốivới Git hoặc bất kỳ kho lưu trữ hiện có nào

- Hỗ trợ web

Visual Studio Code hỗ trợ nhiều ứng dụng web Ngoài ra, nó cũng có mộttrình soạn thảo và thiết kế website

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

Phần lớn tệp lưu trữ đoạn mã đều được đặt trong các thư mục tương tự nhau.Ngoài ra, Visual Studio Code còn cung cấp các thư mục cho một số tệp đặc biệtquan trọng

- Hỗ trợ viết Code

Một số đoạn code có thể thay đổi chút ít để thuận tiện cho người dùng VisualStudio Code sẽ đề xuất cho lập trình viên các tùy chọn thay thế nếu có

- Hỗ trợ thiết bị đầu cuối

Visual Studio Code có tích hợp thiết bị đầu cuối, giúp người dùng khỏi phảichuyển đổi giữa hai màn hình hoặc trở về thư mục gốc khi thực hiện các thao tác

- Màn hình đa nhiệm

Người dùng Visual Studio Code có thể mở cùng lúc nhiều tệp tin và thư mụcmặc dù chúng không hề liên quan với nhau

1.1.3 Tại sao nên sử dụng Visual Studio Code?

Lý do bạn nên sử dụng Visual Studio Code là vì nó có rất nhiều ưu điểm vượttrội so với bất kỳ IDE nào khác: Hỗ trợ đa nền tảng: Windows, Linux, Mac Hỗtrợ đa ngôn ngữ: C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, JSON Ítdung lượng Tính năng mạnh mẽ Intellisense chuyên nghiệp Giao diện thân thiện

Và trên hết, Visual Studio Code là phần mềm miễn phí, được đông đảo lập trìnhviên trên thế giới sử dụng

1.1.4 Kết luận

Visual Studio Code là một trong những trình biên tập mã phổ biến nhất hiệnnay, và đang ngày càng chứng tỏ ưu thế vượt trội của mình so với những phầnmềm khác Tuy bản miễn phí không có nhiều tính năng nâng cao nhưng VisualStudio Code có thể đáp ứng được hầu hết nhu cầu cơ bản của lập trình viên

CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 1.1 Mô hình tổng quan của hệ thống nghiên cứu

Hình 3.1 Sơ đồ ngữ cảnh

1.2 Thiết kế chi tiết

1.1.1 Trang chủ

Hình 3.2 Trang chủ

1.1.2 Giới thiệu về trang web

1.1.3 Đăng ký/Đăng nhập

Hình 3.3 Giới thiệu về trang web

Hình 3.4 Đăng ký/Đăng nhập

1.1.4 Thông tin liên hệ

Hình 3.5 Thông tin liên hệ

CHƯƠNG 4 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

Đồ án xây dựng websize dạy học trực tuyến

Qua quá trình thực hiện đồ án, chúng em đã tổng hợp lại được các kiến thứctrong thời gian đã học tại Trường Đồng thời, em đã tìm hiểu và nắm được quytrình xây dựng một website căn bản, có thể chủ động trong việc tìm kiếm cácthông tin để phục vụ công việc học tập Đồ án cơ bản đã có gần như đầy đủ cácphần của một website học trực tuyến

Trong quá trình thực hiện, về mặt lý thuyết chúng em đã tìm hiểu sâu hơn về:

- CHƯƠNG 2 NGHIÊN CỨU TỔNG QUAN

- 1.1 Ưu, nhược điểm

- 1.2 Thông tin về công cụ thực hiện

- 1.1.1 Visual Studio Code là gì?

- 1.1.2 Một số tính năng của Visual Studio Code

- 1.1.3 Tại sao nên sử dụng Visual Studio Code?

- 1.1.4 Kết luận

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

- 1.1 Mô hình tổng quan của hệ thống nghiên cứu

- 1.2 Thiết kế chi tiết

- 1.1.1 Trang chủ

- 1.1.2 Giới thiệu về trang web

- 1.1.3 Đăng ký/Đăng nhập

- 1.1.4 Thông tin liên hệ

- CHƯƠNG 4 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN