1. Trang chủ
  2. » Công Nghệ Thông Tin

Giới thiệu website lập trình OnlineGDB

33 17 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

ĐẠI HỌC UEH TRƯỜNG CÔNG NGHỆ VÀ THIẾT KẾ KHOA CÔNG NGHỆ THÔNG TIN KINH DOANH BỘ MÔN CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN HỌC PHẦN DỊCH VỤ MẠNG INTERNET Đề tài ONLINE PROGRAMING – WEBSITE LẬP TRÌNH ONLINEGDB COM GVHD Th S GVC Trần Lê Phúc Thịnh Nhóm thực hiện 1 Huỳnh Lê Vũ Hoàng Đỗ Thị Thanh Hải Võ Anh Vương Lê Nguyễn Việt Tú Nguyễn Hoàng Thảo Như TP Hồ Chí Minh, Tháng 062022 2 Báo cáo đồ án học phần Dịch vụ mạng Internet MỤC LỤC MỤC LỤC 2 DANH MỤC HÌNH ẢNH 4 Lời mở đầu 6 Chương 1 Thông tin trang w.

ĐẠI HỌC UEH TRƯỜNG CÔNG NGHỆ VÀ THIẾT KẾ KHOA CÔNG NGHỆ THÔNG TIN KINH DOANH BỘ MÔN CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN HỌC PHẦN DỊCH VỤ MẠNG INTERNET Đề tài: ONLINE PROGRAMING – WEBSITE LẬP TRÌNH ONLINEGDB.COM GVHD: Th.S.GVC Trần Lê Phúc Thịnh Nhóm thực hiện: Huỳnh Lê Vũ Hoàng Đỗ Thị Thanh Hải Võ Anh Vương Lê Nguyễn Việt Tú Nguyễn Hoàng Thảo Như TP Hồ Chí Minh, Tháng 06/2022 MỤC LỤC MỤC LỤC DANH MỤC HÌNH ẢNH Lời mở đầu Chương 1: Thông tin trang web 1.1 THÔNG TIN TRANG WEB 1.2 TÍNH NĂNG CHÍNH CỦA ONLINEGDB Chương 2: Giao diện Website 2.1 THAO TÁC CỦA GIÁO VIÊN 2.2 THAO TÁC CỦA HỌC SINH 16 Chương 3: Các tính nâng cao 20 3.1.TÍNH NĂNG DEBUGGER 20 3.2 TÍNH NĂNG NHÚNG ĐOẠN MÃ CỦA GDB VÀO TRANG WEB 23 Chương 4: So sánh với Visual Studio 25 4.1 GIỚI THIỆU TỔNG QUAN VỀ PHẦN MỀM OFFLINE VISUAL STUDIO 25 4.2 CÁC TÍNH NĂNG NỔI BẬT CỦA PHẦN MỀM VISUAL STUDIO 26 4.2.1 Biên tập Code 26 4.2.2 Trình gỡ lỗi 27 4.3 SO SÁNH ONLINE GDB VÀ PHẦN MỀM VISUAL STUDIO 28 4.3.1 Về ngơn ngữ lập trình mà phần mềm hỗ trợ 28 4.3.2 Về đối tượng mục đích sử dụng 28 Báo cáo đồ án học phần Dịch vụ mạng Internet 4.3.3 Về ưu khuyết điểm tính 30 KẾT LUẬN 32 TÀI LIỆU THAM KHẢO 33 Báo cáo đồ án học phần Dịch vụ mạng Internet DANH MỤC HÌNH ẢNH Hình 1: Lượng truy cập vào web OnlineGDB thê giới Hình 2: Website OnlineGDB.com Hình 1: Giao diện đăng ký tài khoản Hình 2: Tên đăng ký hiển thị trang chủ 10 Hình 3: Chọn vào Classroom để vào lớp học 10 Hình 4: Chọn +Add để thêm lớp 11 Hình 5: Nhập tên lớp sau nhấn OK 11 Hình 6: Tạo lớp xong danh sách lớp chọn để sửa để xóa 11 Hình 7: Chọn vào tên lớp sau chọn invite students 12 Hình 8: Đường liên kết đến lớp học 12 Hình 9: Danh sách học sinh 13 Hình 10: Chọn + Add Assignment để thêm tập 13 Hình 11: Giao diện phần Add Assignment 14 Hình 12: Phần cài đặt 14 Hình 13: Bảng theo dõi tiến độ học sinh 15 Hình 14: Kết làm học sinh 15 Hình 15: Giao diện làm học sinh 15 Hình 16: Bảng đăng nhập 16 Hình 17: Thông báo đăng nhập thành công 16 Hình 18: Nhập thông tin để giáo viên dễ quản lý 17 Hình 19: Các phần tập thể 17 Báo cáo đồ án học phần Dịch vụ mạng Internet Hình 20: Các thông tin tập 18 Hình 21: Không gian làm học sinh 18 Hình 22: Sau hoàn thành, sinh viên ấn vào Submit để nộp 19 Hình 1: Vị trí breakpoint 20 Hình 2: Breakpoints thể khung debug 21 Hình 3: Bảng Call Stack 22 Hình 4: Bảng giá trị biến (Local Variables) 22 Hình 5: Giao diện chức Debugger 23 Hình 6: Tự động nhúng, cần cung cấp đường liên kết 23 Hình 1: Thống kê nhóm tuổi giới tính người dùng Visual Studio (SimilarWeb, 2022) 29 Hình 2: Thống kê nhóm tuổi giới tính người dùng OnlineGDB (SimilarWeb, 2022) 30 Báo cáo đồ án học phần Dịch vụ mạng Internet Lời mở đầu Đây phần báo cáo Đồ án môn học dịch vụ mạng Internet nhóm với tựa đề “WEBSITE LẬP TRÌNH ONLINEGDB.COM” Nội dung báo cáo gồm chương: Chương 1: Thông tin trang web Chương 2: Giao diện website Chương 3: Các tính nâng cao Chương 4: So sánh với Visual Studio Trong phạm vi báo cáo, nhóm em trình bày thông tin trang web Chủ sở hữu, lưu lượng truy cập… sau vào phân tích cơng cụ giao diện, từ sâu vào chức đặc biệt OnlineGDB.com cuối tổng kết ưu nhược điểm, so sánh với hệ lập trình IDE khác Mục tiêu nhóm giúp bạn nắm thơng tin lập trình online, chúng giống khác so với phần mềm offline, với điện thoại lại coding Bài báo cáo có sử dụng liệu tham khảo từ nhiều nguồn như: Youtube, Website công nghệ Các tài liệu công nghệ thông tin nhiều tác giả Nên tránh khỏi thông tin khơng thống nhất, phát kính mong thầy lỗi giải đáp, chúng em trân trọng ý kiến từ thầy Một lần chân thành gửi lời cảm ơn đến nhà trường, quý giảng viên môn bạn lớp EE01 hoàn thành học phần “Dịch vụ mạng Internet” Kính chúc lớp hồn thành tốt thuyết trình môn học sau Báo cáo đồ án học phần Dịch vụ mạng Internet Chương 1: Thông tin trang web 1.1 THÔNG TIN TRANG WEB OnlineGDB trình biên dịch cơng cụ gỡ lỗi trực tuyến cho ngơn ngữ lập trình phổ biến C, C ++, Python, Java, PHP, Ruby, Perl,… Đây trình biên dịch mạnh mẽ, tải siêu nhanh cho kết cung cấp miễn phí từ dự án GNU Người dùng thực thi ngơn ngữ phát triển web bao gồm HTML, CSS, JavaScript SQL cách sử dụng trình chỉnh sửa mã trực tuyến GDB theo truyền thống sử dụng với chương trình hệ điều hành Linux, hoạt động với hầu hết Windows biến thể chí macOS Hình 1: Lượng truy cập vào web OnlineGDB thê giới Báo cáo đồ án học phần Dịch vụ mạng Internet Top quốc gia giới có lượng truy cập vào trang web OnlineGDB.com nhiều Ấn Độ, Hoa Kỳ, Nga với tỷ lệ truy cập gần 70% Trong Việt Nam đứng thứ với 1,59% Website tạo vào 31/7/2016 Ahmedabad, Ấn Độ Đến tại, OnlineGDB có 4,53 triệu lượt truy cập hàng tháng tập trung nhiều vào quốc gia: Ấn độ, Mỹ, Nga Ấn Độ chiếm đến 46% tổng lượng truy cập Số lượng người truy cập vào OnlineGDB đến từ dạng Mobile PC chiếm tỷ lệ 78% 22% 1.2 TÍNH NĂNG CHÍNH CỦA ONLINEGDB Đây IDE trực tuyến giới cung cấp sở gỡ lỗi với trình gỡ lỗi GDB nhúng Ứng dụng web tiện dụng dành cho lập trình viên u thích viết mã trực tuyến Nền tảng đáng tin cậy khơng có cố bất ngờ Sức mạnh gỡ lỗi siêu việt, tìm lỗi khó với GDB trực tuyến Ta viết Mã, Biên dịch, Chạy Gỡ lỗi trực tuyến từ nơi với thiết bị Hình 2: Website OnlineGDB.com Báo cáo đồ án học phần Dịch vụ mạng Internet Chương 2: Giao diện Website Website đánh giá có ưu điểm sau: • Hỗ trợ nhiều ngơn ngữ: C, C++, Java, Python, Pascal • Hoạt động tốt thiết bị di động Giáo viên dễ dàng tạo lớp học ảo để giao tập trực tiếp cho học sinh, chạy trực tiếp làm học sinh để chấm điểm, nhận xét làm, hẹn thời gian nộp bài, khóa chức chép (học sinh phải tự gõ lệnh) • Học sinh làm nộp trực tiếp cho giáo viên dễ dàng, thấy điểm số nhận xét giáo viên • 2.1 THAO TÁC CỦA GIÁO VIÊN Bước 1: Truy cập vào trang onlinegdb.com chọn Sign Up đăng ký tài khoản hình Hình 1: Giao diện đăng ký tài khoản Báo cáo đồ án học phần Dịch vụ mạng Internet Khi đăng ký thành công, hệ thống xuất câu thông báo “Welcome, tên bạn” Hình 2: Tên đăng ký hiển thị trang chủ Bước 2: Tạo lớp học ảo Hình 3: Chọn vào Classroom để vào lớp học 10 Báo cáo đồ án học phần Dịch vụ mạng Internet Hình 22: Sau hồn thành, sinh viên ấn vào Submit để nộp 19 Báo cáo đồ án học phần Dịch vụ mạng Internet Chương 3: Các tính nâng cao 3.1.TÍNH NĂNG DEBUGGER Là tính cho phép kiểm sốt chương trình, phần mã nguồn vấn đề dòng (Mã lỗi, nội dung lỗi cụ thể) GDBOnline có tính debugger:tính tích hợp mơi trường đám mây, q trình xử lý tương tự với trình GDB offline khác Sử dụng tính debugger: Ta sử dụng điểm “breakpoints”: Là ký hiệu cho phép dừng/khởi chạy chương trình vị trí mong muốn Khi nhấp chuột điểm bên trái dòng này, chấm đỏ lên đánh dấu vị trí “breakpoints” (Hình 3.1) Hình 1: Vị trí breakpoint Khi khởi động chế độ debug, CT dừng xử lý điểm “breakpoints” 20 Báo cáo đồ án học phần Dịch vụ mạng Internet Hình 2: Breakpoints thể khung debug Kết hợp debugger với chế độ debug ta có trình kiểm tra rà sốt mã nguồn Giải thích thêm nút chức năng: ▪ Câu lệnh continue C hoạt động giống câu lệnh break Thay buộc kết thúc vịng lặp, buộc trở kiểm tra điều kiện để thực vòng lặp bỏ qua lệnh bên vòng lặp sau lệnh continue Đối với vòng lặp for, câu lệnh continue làm cho điều khiển chương trình tăng giảm biến đếm vòng lặp Đối với vòng lặp while do-while, câu lệnh continue làm cho điều khiển chương trình quay đầu vòng lặp kiểm tra điều kiện vòng lặp ▪ Step into : Lệnh step into thực thi dòng lệnh Nếu dòng lời gọi hàm, step into vào hàm trả điều khiển vào đỉnh hàm ▪ Step over : Giống “Step into”, lệnh “Step over” thực thi dòng lệnh code Nếu dòng lệnh lời gọi hàm, “Step over” thực thi tất code hàm tra điều khiển đến ta sau hàm thực thi ▪ Step out : Không giống hai lệnh stepping, “Step out” không thực thi dịng code Thay vào đó, thực thi tất code cịn lại hàm ta, trả điều khiển cho ta hàm kết thúc 21 Báo cáo đồ án học phần Dịch vụ mạng Internet Quá trình kiểm tra mã nguồn: ▪ Bảng Call stack: #: Thứ tự lệnh; Function: Chức dịng lệnh; File:Line: Vị trí dòng lệnh Ở cột: Main: Hàm xử lý; Factional; multiply: Hàm tính tốn (Hình 3.3) Hình 3: Bảng Call Stack ▪ Bảng Local Variables: Là bảng thể giá trị biến thời điểm tại: Biến “fact” có giá trị 1; Biến “i” có giá trị (Hình 3.4) Hình 4: Bảng giá trị biến (Local Variables) ▪ Hình ảnh miêu tả sử dụng tính debugger (Hình 6): 22 Báo cáo đồ án học phần Dịch vụ mạng Internet Hình 5: Giao diện chức Debugger 3.2 TÍNH NĂNG NHÚNG ĐOẠN MÃ CỦA GDB VÀO TRANG WEB Nhờ tính này, cơng việc lập trình web nạp mã nguồn đến trang nhúng đoạn mã thực thi từ trang web / blog Đây ví dụ trực tiếp đoạn mã runnable nhúng Hình 6: Tự động nhúng, cần cung cấp đường liên kết 23 Báo cáo đồ án học phần Dịch vụ mạng Internet Dưới bước để nhúng đoạn mã chạy vào trang web Bước 1: Goto onlinegdb.com Bước : Viết kiểm tra mã ta Bước 3: Nhấp vào nút "Chia sẻ" Bước 4: Sao chép liên kết "Mã nhúng", liên kết giống mã bên ▪ Bước 5: Dán vào viết / trang trang web ta nơi ta muốn hiển thị mã chạy Giờ đây, người đọc chạy đoạn mã từ trang web ta ▪ ▪ ▪ ▪ 24 Báo cáo đồ án học phần Dịch vụ mạng Internet Chương 4: So sánh với Visual Studio 4.1 GIỚI THIỆU TỔNG QUAN VỀ PHẦN MỀM OFFLINE VISUAL STUDIO IDE (Integrated Development Environment) mơi trường tích hợp dùng để viết code để phát triển ứng dụng Visual Studio phần mềm IDE quen thuộc với nhiều lập trình viên phần mềm đắc lực hỗ trợ công việc lập trình Visual Studio phát triển từ năm 1997 thuộc quyền sở hữu Microsoft (Microsoft, n.d.) Visual Studio hệ thống tập hợp thứ liên quan đến phát triển ứng dụng, bao gồm trình soạn thảo mã, thiết kế gỡ lỗi Phần mềm bao gồm trình soạn thảo mã hỗ trợ IntelliSense (thành phần hoàn thành mã) tái cấu trúc mã Đối với trình gỡ lỗi, phần mềm tích hợp trình gỡ lỗi nguồn cấp liệu sửa lỗi máy cấp Ngồi ra, Visual Studio cịn cung cấp cho người dùng công cụ hỗ trợ tạo giao diện ứng dụng, thiết kế web, lược đồ sở liệu Visual Studio hỗ trợ nhiều ngơn ngữ lập trình khác nhau, trình soạn thảo mã gỡ lỗi hỗ trợ hầu hết ngơn ngữ lập trình (ở mức độ khác nhau) Các ngơn ngữ thiết lập sẵn bao gồm C, C++ C++ / CLI (thông qua Visual C ++), VB.NET (thông qua Visual Basic NET), C# (thông qua Visual C#) F# (trong Visual Studio 2010) Ngoài Ngoài ra, phần mềm cịn hỗ trợ cho ngơn ngữ khác M, Python, Ruby, XML/ XSLT, HTML/ XHTML, JavaScript CSS thông qua dịch vụ ngôn ngữ cài đặt riêng 25 Báo cáo đồ án học phần Dịch vụ mạng Internet Phần mềm Visual studio chia thành phiên Visual Studio Enterprise Visual Studio Professional Phần lớn người dùng hai phiên nâng cao công ty chuyên lập trình, họ cần phải trả phí để sử dụng Ngồi ra, với người dùng lập trình khơng chun, giai đoạn tìm hiểu cơng nghệ (ví dụ nhà phát triển cá nhân, sinh viên, …), phiên Community lựa chọn mà Microsoft dành riêng cho nhóm đối tượng này, miễn phí cung cấp tính nhất, phù hợp với nhu cầu sử dụng khách hàng 4.2 CÁC TÍNH NĂNG NỔI BẬT CỦA PHẦN MỀM VISUAL STUDIO Visual Studio có nhiều tính hữu ích hỗ trợ lập trình viên, đó, Visual Studio có hai tính bật Biên tập Code Trình sửa lỗi, giúp cho phần mềm trở nên đặc biệt so với phần mềm IDE khác 4.2.1 Biên tập Code Giống IDE khác, Visual Studio trình soạn thảo mã hỗ trợ tơ sáng cú pháp hồn thành mã IntelliSense cấu trúc ngôn ngữ xây dựng truy vấn vòng điều khiển, hàm, biến phương thức bao gồm Thêm vào đó, để giúp người dùng linh hoạt điều hướng, thu hẹp hay mở rộng khối mã, trình biên tập mã Visual Studio hỗ trợ thêm chức cài đặt dấu trang đoạn mã Tính biên dịch Visual Studio tính hữu ích cho người dùng, cho phép họ nhận thấy đoạn code chưa cú pháp hay bị lỗi biên dịch thông qua gạch gợn sóng màu đỏ Tính hoạt động trong lúc mã viết, đưa phản hồi với thời gian thực, từ rút ngắn thời gian sửa lỗi 26 Báo cáo đồ án học phần Dịch vụ mạng Internet Ngoài ra, Visual Studio cịn cho phép người lập trình để lại nhận xét thơng qua tính bình luận, giúp dễ dàng ghi nhớ cơng việc cần hồn thành khơng bỏ sót cơng đoạn 4.2.2 Trình gỡ lỗi Một tính khiến Visual Studio trở thành lựa chọn hàng đầu nhiều lập trình viên trình độ trình gỡ lỗi cấp mã nguồn cấp máy Trình gỡ lỗi sử dụng để tìm gỡ lỗi với ngôn ngữ hỗ trợ Visual Studio, hoạt động với hai loại mã quản lý Ngoài ra, người dùng liên kết cơng cụ với quy trình hoạt động đoạn mã, đồng thời giám sát gỡ lỗi cho quy trình Với mã nguồn dành cho q trình hoạt động có sẵn, phần mềm hiển thị chạy thử mã theo cách lập trình Ngược lại, với mã nguồn khơng có sẵn, Visual Studio đề xuất cách tháo gỡ Để giảm thiểu việc chiếm nhiều dung lượng, Visual Studio debugger có khả tạo ổ nhớ tạm thời cho phép người dùng tải sau để lúc sử dụng (Microsoft Visual Studio n.d.) Trình gỡ lỗi Visual Studio cho phép người dùng thiết lập “breakpoint”, cho phép trình thực thi đoạn code tạm thời dừng lại vị trí định, “watch”, tức giám sát giá trị biến suốt q trình Breakpoint kèm với điều kiện, chúng kích hoạt điều kiện đặt trước đáp ứng Người dùng lập trình chạy dịng mã nguồn để kiểm tra lỗi có dịng (Phạm Minh Tuấn, 2018) 27 Báo cáo đồ án học phần Dịch vụ mạng Internet Với số chương trình phức tạp, đơi lập trình viên gặp trường hợp giá trị biến hay vùng nhớ bị thay đổi, nhiên lại có nhiều đoạn mã truy cập đến chỗ biến/ vùng nhớ bị thay đổi Trong trường hợp Data Breakpoints giải pháp để trình tìm kiếm sửa lỗi hoạt động hiệu hơn, điều phối trình debug dừng lại vùng nhớ địa cụ thể mà người dùng định có thay đổi Cơng cụ debug không dùng công cụ điều tra tìm lỗi xảy ra, mà cịn hỗ trợ lập trình viên loại bỏ lỗi từ lúc biên tập mã Với khả thay đổi giá trị biến trực tiếp chạy thử, người dùng kiểm tra xem mức độ hiệu xác đoạn mã vừa thiết lập Ngoài ra, người dùng chỉnh sửa lỗi đoạn mã, họ không cần phải khởi động lại tồn chương trình tìm sửa lỗi Với chương trình phức tạp với nhiều lỗi, việc xây dựng chạy lại chương trình sửa lỗi tốn nhiều thời gian Nhờ tính Visual Studio, lập trình viên quản lý sử dụng quỹ thời gian họ hiệu 4.3 SO SÁNH ONLINE GDB VÀ PHẦN MỀM VISUAL STUDIO 4.3.1 Về ngơn ngữ lập trình mà phần mềm hỗ trợ OnlineGDB Visual Studio hỗ trợ nhiều loại ngôn ngữ lập trình phổ biến C, C++, C#, Python, Java, HTML, CSS, JS… Trong OnlineGDB cho phép người dùng biên dịch gỡ lỗi trực tuyến nhiều loại ngôn ngữ lập trình thường gặp, Visual Studio lại phù hợp với lập trình viên sử dụng loại ngơn ngữ lập trình nâng cao F# hay Visual Basic (Microsoft Visual Studio, n.d.) 4.3.2 Về đối tượng mục đích sử dụng Phần lớn người sử dụng OnlineGDB nằm độ tuổi từ 18-24, tức 28 Báo cáo đồ án học phần Dịch vụ mạng Internet sinh viên hay người giai đoạn tìm hiểu lập trình, cịn Visual Studio có nhóm người dùng đa số nằm nhóm tuổi 25 - 34, lao động lâu năm thường xuyên sử dụng phần mềm lập trình cơng việc (hình 4.1 4.2.) Cũng phân bố này, ta dễ dàng nhận thấy mục đích sử dụng người dùng OnlineGDB Visual Studio khác Với thủ thuật, thao tác địi hỏi tính chun mơn cao, lập trình viên nhiều kinh nghiệm có xu hướng sử dụng phần mềm chuyên dụng để hỗ trợ cơng việc Vì thế, Visual Studio trở thành lựa chọn ưu việt đáp ứng nhu cầu họ Ngược lại, với người dùng có mục đích để học tập, nghiên cứu OnlineGDB phù hợp với yêu cầu họ, linh động, sử dụng trực tuyến mà cài đặt phần mềm vào máy Một tính đặc biệt mà OnlineGDB cung cấp cho người dùng khả cho phép giáo viên tạo lớp học, học sinh - sinh viên tham gia vào lớp học để hoàn thành tập giao trực tiếp trình duyệt cách thuận lợi nhanh chóng (Zambrano cộng sự, 2021) Hình 1: Thống kê nhóm tuổi giới tính người dùng Visual Studio (SimilarWeb, 2022) 29 Báo cáo đồ án học phần Dịch vụ mạng Internet Hình 2: Thống kê nhóm tuổi giới tính người dùng OnlineGDB (SimilarWeb, 2022) 4.3.3 Về ưu khuyết điểm tính Khi so sánh tính debug (phát lỗi), OnlineGDB không chiếm nhiều ưu phần mềm Visual Studio, OnlineGDB hỗ trợ debug hai ngơn ngữ lập trình C C++, Visual Studio lại giúp người dùng debug Visual Basic, C#, C/C++, JavaScript Ngoài ra, Visual Studio có phần vượt trội OnlineGDB đoạn cú pháp bị lỗi biên dịch thông qua cách đánh dấu gạch gợn sóng màu đỏ, giúp người lập trình dễ dàng nhận thấy lỗi thực điều chỉnh kịp thời 30 Báo cáo đồ án học phần Dịch vụ mạng Internet Tuy nhiên, bao gồm nhiều tính nâng cao, phần mềm Visual Studio chiếm dung lượng đáng kể cài đặt vào máy tính, người dùng truy cập sử dụng OnlineGDB máy tính bàn, laptop, máy tính bảng hay điện thoại Trong thời kỳ mà việc học trực tuyến ngày trở nên phổ biến hơn, với phát triển công nghệ, khả cho phép người dùng truy cập từ nhiều thiết bị khác tạo nên mạnh định cho cơng cụ lập trình trực tuyến, có OnlineGDB (O’Connor Andrews, 2018) Các môn học sở lập trình trường đại học quan trọng chúng có trách nhiệm giúp sinh viên có kiến thức kỹ lập trình Vì vậy, việc ứng dụng OnlineGDB công cụ học tập sáng tạo cần thiết hiệu để hỗ trợ nhu cầu dạy học giáo viên học sinh (Camposagrado Lagleva, 2021) 31 Báo cáo đồ án học phần Dịch vụ mạng Internet KẾT LUẬN Qua q trình thực tế tìm hiểu trải nghiệm Nhóm chúng em có nhận xét sau: ▪ Trang phản hồi nhanh, tính debugger hiệu quả, nhiên áp dụng với số ngơn ngữ lập trình (C, C++) ▪ Đặc biệt chức nhúng vào trang web mã nguồn bản, giảm bớt quy trình sửa code cho lập trình viên ▪ Sửa code thiết bị di động, phát huy hiệu tình khẩn cấp thiếu thiết bị chuyên dụng ▪ Miễn phí: Trang web giúp học sinh sinh viên làm quen với công việc lập trình lại cịn miễn phí nên có nhiều tiềm tăng trưởng Trong tương lai, lập trình online chắn phát triển lớn mạnh có nhiều tảng 5G phần cứng xây dựng hoàn thiện 32 Báo cáo đồ án học phần Dịch vụ mạng Internet TÀI LIỆU THAM KHẢO [1] Camposagrado, C G P & Lagleva, M C (2021) Assessment of eLearning Tools Utilized by IT Faculty of Programming Course in the New Normal Turkish Journal of Computer and Mathematics Education, Vol.12 No.13 (2021), p 511-516 [2] O'Connor, S & Andrews, T (2018) “Smartphones and mobile applications (apps) in clinical nursing education: A student perspective, Nurse Education Today,” Vol 69, Pages 172-178, ISSN 0260-6917, https://doi.org/10.10 16/ j.nedt.2018.07.013 [3] Phạm Minh Tuấn (2018 06 09) Kỹ thuật debug Visual Studio , 33 Báo cáo đồ án học phần Dịch vụ mạng Internet ... cho công cụ lập trình trực tuyến, có OnlineGDB (O’Connor Andrews, 2018) Các mơn học sở lập trình trường đại học quan trọng chúng có trách nhiệm giúp sinh viên có kiến thức kỹ lập trình Vì vậy,... STUDIO 4.3.1 Về ngôn ngữ lập trình mà phần mềm hỗ trợ OnlineGDB Visual Studio hỗ trợ nhiều loại ngôn ngữ lập trình phổ biến C, C++, C#, Python, Java, HTML, CSS, JS… Trong OnlineGDB cho phép người... dùng biên dịch gỡ lỗi trực tuyến nhiều loại ngôn ngữ lập trình thường gặp, Visual Studio lại phù hợp với lập trình viên sử dụng loại ngơn ngữ lập trình nâng cao F# hay Visual Basic (Microsoft Visual

Ngày đăng: 01/07/2022, 14:38

Xem thêm:

HÌNH ẢNH LIÊN QUAN

Hình 1. 1: Lượng truy cập vào web OnlineGDB thê thế giới. - Giới thiệu website lập trình OnlineGDB
Hình 1. 1: Lượng truy cập vào web OnlineGDB thê thế giới (Trang 7)
Hình 1. 2: Website OnlineGDB.com - Giới thiệu website lập trình OnlineGDB
Hình 1. 2: Website OnlineGDB.com (Trang 8)
Hình 2. 1: Giao diện đăng ký tài khoản. - Giới thiệu website lập trình OnlineGDB
Hình 2. 1: Giao diện đăng ký tài khoản (Trang 9)
Hình 2. 2: Tên đăng ký được hiển thị trên trang chủ - Giới thiệu website lập trình OnlineGDB
Hình 2. 2: Tên đăng ký được hiển thị trên trang chủ (Trang 10)
Hình 2. 3: Chọn vào Classroom để vào lớp học. - Giới thiệu website lập trình OnlineGDB
Hình 2. 3: Chọn vào Classroom để vào lớp học (Trang 10)
Hình 2. 5: Nhập tên lớp sau đó nhấn OK - Giới thiệu website lập trình OnlineGDB
Hình 2. 5: Nhập tên lớp sau đó nhấn OK (Trang 11)
Hình 2. 4: Chọn +Add để thêm lớp. - Giới thiệu website lập trình OnlineGDB
Hình 2. 4: Chọn +Add để thêm lớp (Trang 11)
Hình 2. 7: Chọn vào tên lớp sau đó chọn invite students. - Giới thiệu website lập trình OnlineGDB
Hình 2. 7: Chọn vào tên lớp sau đó chọn invite students (Trang 12)
Hình 2. 9: Danh sách học sinh. - Giới thiệu website lập trình OnlineGDB
Hình 2. 9: Danh sách học sinh (Trang 13)
Hình 2. 10: Chọn +Add Assignment để thêm bài tập mới - Giới thiệu website lập trình OnlineGDB
Hình 2. 10: Chọn +Add Assignment để thêm bài tập mới (Trang 13)
Hình 2. 11: Giao diện tại phần Add Assignment. - Giới thiệu website lập trình OnlineGDB
Hình 2. 11: Giao diện tại phần Add Assignment (Trang 14)
Hình 2. 12: Phần cài đặt. - Giới thiệu website lập trình OnlineGDB
Hình 2. 12: Phần cài đặt (Trang 14)
Hình 2. 13: Bảng theo dõi tiến độ của học sinh. - Giới thiệu website lập trình OnlineGDB
Hình 2. 13: Bảng theo dõi tiến độ của học sinh (Trang 15)
Hình 2. 14: Kết quả làm bài của học sinh. - Giới thiệu website lập trình OnlineGDB
Hình 2. 14: Kết quả làm bài của học sinh (Trang 15)
Hình 2. 16: Bảng đăng nhập. - Giới thiệu website lập trình OnlineGDB
Hình 2. 16: Bảng đăng nhập (Trang 16)
2.2. THAO TÁC CỦA HỌC SINH - Giới thiệu website lập trình OnlineGDB
2.2. THAO TÁC CỦA HỌC SINH (Trang 16)
Sau khi quay lại chọn Classroom sau đó chọn lớp như hình 2.18 Bước 2: Làmvànộpbàitậpcủagiáoviên giao.(2.19)  - Giới thiệu website lập trình OnlineGDB
au khi quay lại chọn Classroom sau đó chọn lớp như hình 2.18 Bước 2: Làmvànộpbàitậpcủagiáoviên giao.(2.19) (Trang 17)
Hình 2. 20: Các thông tin về bài tập. - Giới thiệu website lập trình OnlineGDB
Hình 2. 20: Các thông tin về bài tập (Trang 18)
Hình 2. 22: Sau khi hoàn thành, sinh viên ấn vào Submit để nộp bài. - Giới thiệu website lập trình OnlineGDB
Hình 2. 22: Sau khi hoàn thành, sinh viên ấn vào Submit để nộp bài (Trang 19)
Hình 3. 1: Vị trí breakpoint. - Giới thiệu website lập trình OnlineGDB
Hình 3. 1: Vị trí breakpoint (Trang 20)
Hình 3. 2: Breakpoints được thể hiện trong khung debug. - Giới thiệu website lập trình OnlineGDB
Hình 3. 2: Breakpoints được thể hiện trong khung debug (Trang 21)
▪ Bảng Call stack: #: Thứ tự các lệnh; Function: Chức năng của dòng lệnh; File:Line:  Vịtrí  dòng  lệnh - Giới thiệu website lập trình OnlineGDB
ng Call stack: #: Thứ tự các lệnh; Function: Chức năng của dòng lệnh; File:Line: Vịtrí dòng lệnh (Trang 22)
Hình 3. 5: Giao diện chức năng Debugger - Giới thiệu website lập trình OnlineGDB
Hình 3. 5: Giao diện chức năng Debugger (Trang 23)
Hình 4. 1: Thống kê nhóm tuổi và giới tính người dùng Visual Studio - Giới thiệu website lập trình OnlineGDB
Hình 4. 1: Thống kê nhóm tuổi và giới tính người dùng Visual Studio (Trang 29)
Hình 4. 2: Thống kê nhóm tuổi và giới tính người dùng OnlineGDB (SimilarWeb, - Giới thiệu website lập trình OnlineGDB
Hình 4. 2: Thống kê nhóm tuổi và giới tính người dùng OnlineGDB (SimilarWeb, (Trang 30)

TỪ KHÓA LIÊN QUAN