<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Xây dựng lớp học xung quanh mã có tính tương tác</title>
<meta name="description" content="Xây dựng lớp học xung quanh mã có tính tương tác - Savefile - Blogs -...">
<meta name="author" content="Blog FOSS by Lê Trung Nghĩa">
<meta name="copyright" content="Blog FOSS by Lê Trung Nghĩa [webmaster@vinades.vn]">
<meta name="generator" content="NukeViet v4.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Xây dựng lớp học xung quanh mã có tính tương tác">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Blogs - https&#x3A;&#x002F;&#x002F;letrungnghia.mangvn.org&#x002F;savefile&#x002F;Education&#x002F;xay-dung-lop-hoc-xung-quanh-ma-co-tinh-tuong-tac-5596.html">
<meta property="og:site_name" content="Blog FOSS by Lê Trung Nghĩa">
<meta property="og:url" content="https://letrungnghia.mangvn.org/savefile/Education/xay-dung-lop-hoc-xung-quanh-ma-co-tinh-tuong-tac-5596.html">
<link rel="shortcut icon" href="https://letrungnghia.mangvn.org/favicon.ico">
<link rel="canonical" href="https://letrungnghia.mangvn.org/savefile/Education/xay-dung-lop-hoc-xung-quanh-ma-co-tinh-tuong-tac-5596.html">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/" title="Blogs" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Government/" title="Blogs - Government" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Policy/" title="Blogs - Policy" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Philosophy/" title="Blogs - Philosophy" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Security/" title="Blogs - Security" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Legal/" title="Blogs - Legal" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Education/" title="Blogs - Education" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Business/" title="Blogs - Business" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Community/" title="Blogs - Community" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Interoperability/" title="Blogs - Interoperability" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Standards/" title="Blogs - Standards" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Author/" title="Blogs - Author" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Opinions/" title="Blogs - Opinions" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/CC/" title="Blogs - CC" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Cloud/" title="Blogs - Cloud" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Hardware/" title="Blogs - Hardware" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Software/" title="Blogs - Software" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Statistics/" title="Blogs - Statistics" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Trends/" title="Blogs - Trends" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/China/" title="Blogs - China" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/OSs/" title="Blogs - OSs" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Blogs/" title="Blogs - Blogs" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/Outsourcing/" title="Blogs - Outsourcing" type="application/rss+xml">
<link rel="alternate" href="https://letrungnghia.mangvn.org/rss/elearning/" title="Blogs - Elearning" type="application/rss+xml">
<link rel="preload" as="style" href="https://letrungnghia.mangvn.org/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://letrungnghia.mangvn.org/themes/default/css/bootstrap.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://letrungnghia.mangvn.org/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://letrungnghia.mangvn.org/themes/default/css/style.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://letrungnghia.mangvn.org/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="https://letrungnghia.mangvn.org/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="style" href="https://letrungnghia.mangvn.org/assets/css/default.vi.1106.css" type="text/css">
<link rel="preload" as="script" href="https://letrungnghia.mangvn.org/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://letrungnghia.mangvn.org/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://letrungnghia.mangvn.org/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://letrungnghia.mangvn.org/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://letrungnghia.mangvn.org/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://letrungnghia.mangvn.org/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://letrungnghia.mangvn.org/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://letrungnghia.mangvn.org/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://letrungnghia.mangvn.org/themes/default/js/bootstrap.min.js" type="text/javascript">
<link rel="stylesheet" href="https://letrungnghia.mangvn.org/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="https://letrungnghia.mangvn.org/themes/default/css/bootstrap.non-responsive.css">
<link rel="stylesheet" href="https://letrungnghia.mangvn.org/themes/default/css/style.css">
<link rel="stylesheet" href="https://letrungnghia.mangvn.org/themes/default/css/style.non-responsive.css">
<link rel="StyleSheet" href="https://letrungnghia.mangvn.org/themes/default/css/news.css">
<link rel="stylesheet" href="https://letrungnghia.mangvn.org/themes/default/css/custom.css">
<link rel="stylesheet" href="https://letrungnghia.mangvn.org/assets/css/default.vi.1106.css">
<style type="text/css">
	body{background: #fff;}
</style>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-70254229-3', '');
ga('send', 'pageview');
</script>
</head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">Blog FOSS by Lê Trung Nghĩa</h2>
		<p class="pull-right"><a title="Blog FOSS by Lê Trung Nghĩa" href="https://letrungnghia.mangvn.org/">https://letrungnghia.mangvn.org</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Xây dựng lớp học xung quanh mã có tính tương tác</h1>
		<ul class="list-inline">
			<li>Thứ sáu - 07/10/2016 07:17</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
		</div>
		<div id="bodytext" class="clearfix">
			<p align="justify"><b><span style="background: rgb(255, 255, 0);">Building a classroom around interactive code</span></b></p>

<p align="justify">Posted 01 Sep 2016 by <a href="https://opensource.com/users/walkingrandomly">Mike Croucher</a></p>

<p align="justify">Theo: <a href="https://opensource.com/education/16/9/jupyter-and-sagemathcloud-university-sheffield">https://opensource.com/education/16/9/jupyter-and-sagemathcloud-university-sheffield</a></p>

<p align="justify">Bài được đưa lên Internet ngày: 01/09/2016</p>

<p align="justify">Là một đứa trẻ những năm 1980, những kỷ nhiệm thời học trò của tôi bị đổ đầy với việc học cách lập trình trên các máy tính bé tẹo, bị giới hạn như <a href="https://en.wikipedia.org/wiki/ZX_Spectrum" target="_blank">Sinclair ZX Spectrum</a>, <a href="https://en.wikipedia.org/wiki/Commodore_64" target="_blank">Commodore 64</a>, và <a href="https://en.wikipedia.org/wiki/BBC_Micro" target="_blank">BBC Micro</a>. Tôi thậm chí đã có chiếc <a href="https://en.wikipedia.org/wiki/Tandy_Pocket_Computer" target="_blank">PC-6 from Tandy</a> kích cỡ bỏ túi với màn hình chỉ có 1 dòng. Chúng có thể có giới hạn, nhưng việc học cách lập trình thì các máy tính đó đã trao cho tôi những chìa khóa đi vào thế giới.</p>

<p align="justify">Khi tôi 9 tuổi, tôi từng là thành viên của câu lạc bộ máy tính sau giờ học - một trong những ghi chép bài giảng ở đó từng được phân phối trên <a href="https://en.wikipedia.org/wiki/Spirit_duplicator" target="_blank">giấy 2 mặt</a> có mùi đặc trưng (vì chúng tôi không kham được một chiếc máy in thực thụ!) và nơi mà chúng tôi đã viết các chương trình của riêng chúng tôi trong ngôn ngữ <a href="https://en.wikipedia.org/wiki/BASIC" target="_blank">BASIC</a> và lưu trữ trong các băng từ hoặc, may mắn cho số ít người, <a href="https://en.wikipedia.org/wiki/Floppy_disk" target="_blank">vào các đĩa mềm 5.25 inch</a>. Chúng tôi đã học được về các vòng lặp, logic boolean, các hàm, và các mảng - việc xây dựng các khối của khoa học máy tính cơ bản. Tuy nhiên, quan trọng hơn, chúng tôi đã học được rằng việc lập trình là hơn cả sự kết thúc trong bản thân nó - nó trao cho bạn khả năng khai thác và lý do về thế giới theo các cách thức mà những người không phải lập trình viên sẽ không bao giờ có được. Nếu bạn có thể lập trình nó, thì bạn hiểu được nó.</p>

<p align="justify">Bất kỳ ai biết về lịch sử các máy tính sẽ biết rằng thậm chí máy tính xách tay hiện đại rẻ nhất là hàng ngàn lần mạnh hơn so với bất kỳ thứ gì tôi đã truy cập trong những năm 1980. Thậm chí có khả năng để mua một <a href="https://www.raspberrypi.org/products/pi-zero/" target="_blank">máy tính đầy đủ chức năng</a>, hiện đại với giá thành của một cốc cà phê đặc biệt. Tuy nhiên, ít được biết hơn, là những ghi chép bài giảng đã cũng đã được nâng cấp theo.</p>

<p align="justify"><a href="http://jupyter.org/" target="_blank">Máy tính xách tay J</a><a href="http://jupyter.org/" target="_blank">upyter</a> tự do nguồn mở là cách kết hợp các yếu tố văn bản giàu định dạng, toán học, và có tính tương tác với mã máy tính có khả năng thực thi được - tất cả trong môi trường thân thiện của trình duyệt web. Vài người nghĩ rằng nó sẽ <a href="https://opensource.com/education/15/11/project-jupyter-science-notebooks" target="_blank">làm thay đổi việc học tập khoa học trong tương lai</a>. Những điều đã đi theo thứ gì đó từ người nhân bản tinh thần thời tuổi trẻ của tôi. </p>

<p align="justify">Các bài giảng và các nhà nghiên cứu ở trường đại học của tôi, Đại học Sheffield, đã nhiệt tình áp dụng máy tính xách tay Jupyterr và hệ sinh thái xung quanh nó. Phần sống còn của hệ sinh thái là <a href="https://cloud.sagemath.com/" target="_blank">SageMathCloud</a>, một nền tảng dựa vào đám mây mà mở rộng ý tưởng máy tính xách ty thậm chí còn xa hơn. SageMathCloud cho phép bạn chạy các máy tính xách tay Jupyter không cần phải cài đặt bất kỳ phần mềm đặc chủng nào và cũng cho phép nhiều người sửa cùng một lúc cùng một máy tính xách tay - trao thứ gì đó mà giống như Google Docs cho máy tính xách tay vậy. </p>

<p align="justify">Như một phần của chức năng mới về Nghiên cứu Kỹ thuật Phần mềm (<a href="http://rse.shef.ac.uk/" target="_blank">Research Software Engineering</a>), tôi đã và đang làm việc để giúp các giảng viên trong các lĩnh vực như khoa học y sinh, vật lý, toán, và khoa học máy tính nắm bắt được máy tính xách tay Jupyter và SageMathCloud. Một trong nhưng kết quả đầu ra của công việc này là <a href="https://github.com/mikecroucher/SMC_tutorial" target="_blank">tập hợp các sách chỉ dẫn cho các nhà giáo dục</a> về cách sử dụng SageMathCloud để <a href="https://github.com/mikecroucher/SMC_tutorial/blob/master/creating_a_course/creating_course.md" target="_blank">tạo ra</a> và <a href="https://github.com/mikecroucher/SMC_tutorial/blob/master/course_management/course_management.md" target="_blank">quản lý</a> khóa học dựa vào máy tính xách tay đó. Nó cũng bao gồm <a href="https://github.com/mikecroucher/SMC_tutorial/blob/master/functionality/functionality.md" target="_blank">sự tham quan các tính năng</a> và một tập hợp các <a href="https://github.com/mikecroucher/SMC_tutorial/blob/master/tips_and_tricks/tips_and_tricks.md" target="_blank">gợi ý và các mẹo</a>.</p>

<p align="justify">Góp ý phản hồi ban đầu từ các khóa học chúng tôi đã phân phối có sử dụng kho công nghệ từng là tuyệt vời. Trích dẫn yêu thích của tôi từ một sinh viên khóa học tin sinh được TS. Marta Milo và tôi phát triển, nơi mà tôi đã dạy cơ bản về lập trình, tin sinh, và điện toán đám mây trong 6 tuần: &quot;Điều khó khăn nhất từ trước tới nay, đầy căng thẳng, bực mình khó chịu, nhưng đầy phần thưởng&quot;. Đối với tôi, chúng là những từ của vài người đã học được cách suy nghĩ mới về chủ đề của họ.</p>

<p align="justify"><span style="background: rgb(255, 255, 0);">As a child of the &#039;80s, my schoolboy memories are infused with learning how to program on tiny, limited computers such as the <a href="https://en.wikipedia.org/wiki/ZX_Spectrum" target="_blank">Sinclair ZX Spectrum</a>, <a href="https://en.wikipedia.org/wiki/Commodore_64" target="_blank">Commodore 64</a>, and <a href="https://en.wikipedia.org/wiki/BBC_Micro" target="_blank">BBC Micro</a>. I even had a pocket-size <a href="https://en.wikipedia.org/wiki/Tandy_Pocket_Computer" target="_blank">PC-6 from Tandy</a> with a single-line display. Limited they may have been, but learning how to program those machines gave us the keys to the world.</span></p>

<p align="justify"><span style="background: rgb(255, 255, 0);">When I was 9, I was a member of an after-school computer club—one where lecture notes were distributed on distinctive-smelling <a href="https://en.wikipedia.org/wiki/Spirit_duplicator" target="_blank">spirit-duplicated paper</a> (because we couldn&#039;t afford a real printer!) and where we wrote our own programs in <a href="https://en.wikipedia.org/wiki/BASIC" target="_blank">BASIC</a> and stored on tape or, for the lucky few, <a href="https://en.wikipedia.org/wiki/Floppy_disk" target="_blank">5.25 inch floppy disks</a>. We learned about loops, boolean logic, functions, and arrays—the building blocks of basic computer science. More importantly, however, we learned that programming is more than an end in itself—it gives you the ability to explore and reason about the world in ways that non-programmers will never have. If you can code it, you understand it.</span></p>

<p align="justify"><span style="background: rgb(255, 255, 0);">Anyone who knows about the history of computers knows that even the cheapest modern laptop is thousands of times more powerful than anything I had access to back in the &#039;80s. It&#039;s even possible to buy a modern, <a href="https://www.raspberrypi.org/products/pi-zero/" target="_blank">functional computer</a> for the price of a fancy coffee. Less well known, however, is that lecture notes have been upgraded too.</span></p>

<p align="justify"><span style="background: rgb(255, 255, 0);">The free and open source <a href="http://jupyter.org/" target="_blank">Jupyter notebook</a> is a way of combining richly formatted text, mathematics, and interactive elements with executable computer code—all from within the familiar environment of the web browser. Some people think that it will <a href="https://opensource.com/education/15/11/project-jupyter-science-notebooks" target="_blank">change how children of the future learn about science</a>. Things have moved on somewhat from the spirit duplicator of my youth.</span></p>

<p align="justify"><span style="background: rgb(255, 255, 0);">Lecturers and researchers at my university, The University of Sheffield, have enthusiastically adopted the Jupyter notebook and its surrounding ecosystem. A crucial part of this ecosystem is <a href="https://cloud.sagemath.com/" target="_blank">SageMathCloud</a>, a cloud-based platform that extends the notebook idea even further. SageMathCloud allows you to run Jupyter notebooks without having to install any specialized software and also allows multiple people to edit the same notebook at once—giving something that looks like Google Docs for the notebook.</span></p>

<p align="justify"><span style="background: rgb(255, 255, 0);">As part of Sheffield&#039;s new <a href="http://rse.shef.ac.uk/" target="_blank">Research Software Engineering function</a>, I&#039;ve been working to help lecturers in fields such as biomedical sciences, physics, mathematics, and computer science get to grips with the Jupyter notebook and SageMathCloud. One of the outputs of this work was a <a href="https://github.com/mikecroucher/SMC_tutorial" target="_blank">set of tutorials for educators</a> on how to use SageMathCloud to <a href="https://github.com/mikecroucher/SMC_tutorial/blob/master/creating_a_course/creating_course.md" target="_blank">create</a> and <a href="https://github.com/mikecroucher/SMC_tutorial/blob/master/course_management/course_management.md" target="_blank">manage</a> a course based on the notebook. It also includes a <a href="https://github.com/mikecroucher/SMC_tutorial/blob/master/functionality/functionality.md" target="_blank">tour of features</a> and a set of <a href="https://github.com/mikecroucher/SMC_tutorial/blob/master/tips_and_tricks/tips_and_tricks.md" target="_blank">tips and tricks</a>. Collaboratively developed on GitHub, this material will improve and evolve over time.</span></p>

<p align="justify"><span style="background: rgb(255, 255, 0);">Initial feedback from the courses we&#039;ve delivered using this technology stack has been fantastic. My favorite quote comes from a student of a bioinformatics course developed by Dr. Marta Milo and me, where we taught the basics of programming, bioinformatics, and cloud computing in six weeks: &quot;The hardest thing ever, stressful, frustrating, but very rewarding.&quot; To my ears, they are the words of someone who&#039;s just learned a new way of thinking about their subject.</span></p>

<p align="justify" style="margin-bottom: 0cm; line-height: 100%">Dịch: Lê Trung Nghĩa</p>

<p align="justify" style="margin-bottom: 0cm; line-height: 100%"><a href="mailto:letrungnghia.foss@gmail.com">letrungnghia.foss@gmail.com</a></p>

<p align="justify" style="margin-bottom: 0cm; line-height: 100%">&nbsp;</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://letrungnghia.mangvn.org/savefile/Education/xay-dung-lop-hoc-xung-quanh-ma-co-tinh-tuong-tac-5596.html" title="Xây dựng lớp học xung quanh mã có tính tương tác">https://letrungnghia.mangvn.org/savefile/Education/xay-dung-lop-hoc-xung-quanh-ma-co-tinh-tuong-tac-5596.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; Blog FOSS by Lê Trung Nghĩa
		</div>
		<div id="contact">
			<a href="mailto:webmaster@vinades.vn">webmaster@vinades.vn</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://letrungnghia.mangvn.org/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
<script src="https://letrungnghia.mangvn.org/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=7,nv_my_abbr="+07",nv_cookie_prefix="nv4c_Cgoz2",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=0,nv_recaptcha_ver=2,nv_recaptcha_sitekey="6LcNwC8UAAAAAMm8ZTYNygweLUQtOU0IapbDRk69",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://letrungnghia.mangvn.org/assets/js/language/vi.js"></script>
<script src="https://letrungnghia.mangvn.org/assets/js/DOMPurify/purify3.js"></script>
<script src="https://letrungnghia.mangvn.org/assets/js/global.js"></script>
<script src="https://letrungnghia.mangvn.org/assets/js/site.js"></script>
<script src="https://letrungnghia.mangvn.org/themes/default/js/news.js"></script>
<script src="https://letrungnghia.mangvn.org/themes/default/js/main.js"></script>
<script src="https://letrungnghia.mangvn.org/themes/default/js/custom.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "https://letrungnghia.mangvn.org",
            "logo": "https://letrungnghia.mangvn.org/uploads/letrungnghia/le-trung-nghia.png"
        }
        </script>
<script src="https://letrungnghia.mangvn.org/themes/default/js/bootstrap.min.js"></script>
</body>
</html>