-
Notifications
You must be signed in to change notification settings - Fork 79
/
index.html
192 lines (166 loc) · 10.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>R語言翻轉教室</title>
<!-- Le styles -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<link href="bootstrap/css/docs.css" rel="stylesheet">
<link rel="icon" href="https://i.imgur.com/RkG7X4l.png" />
</head>
<body data-spy="scroll" data-target=".bs-docs-sidebar">
<div id="top-navbar" class="navbar-default"><ul class="nav nav-tabs"><li class="active"><a href="#"><h5>首頁</h5></a></li><li><a href="install.html"><h5 style="color: #0088cc;">安裝導引</h5></a></li><li><a href="before.html"><h5 style="color: #0088cc;">上手教材</h5></a></li><li><a href="material.html"><h5 style="color: #0088cc;">主要教材</h5></a></li><li><a href="after.html"><h5 style="color: #0088cc;">課後教材</h5></a></li><li><a href="individual-tracking.html"><h5 style="color: #0088cc;">個人紀錄</h5></a></li><li><a href="teacher.html"><h5 style="color: #0088cc;">教師專區</h5></a></li><li><a href="teacher-tracking.html"><h5 style="color: #0088cc;">教師報表</h5></a></li><li><a href="thanks.html"><h5 style="color: #0088cc;">感謝清單</h5></a></li></ul></div><div class="jumbotron subhead" style="text-align:center;"><div class="container"><h1><img src="https://i.imgur.com/81C5LBk.png" style="height:7em" /></h1><p class="lead">全中文R語言互動式教材</p></div></div><div class="col-md-2 bs-docs-sidebar"><ul id="affix-toc" class="nav nav-list bs-docs-sidenav"><li><a href="#1">1. 簡介</a></li><li><a href="#2">2. 如何使用教材</a></li><li><a href="#3">3. 新聞專區</a></li><li><a href="#4">4. 即時動態</a></li><li><a href="#5">5. 緣起</a></li><li><a href="#6">6. License</a></li></ul></div><div id="main-content" class="container col-md-9"><p><!-- title: <img src="https://i.imgur.com/81C5LBk.png" style="height:7em" /> -->
<!-- subtitle: 全中文R語言互動式教材 -->
<!-- header-title: R語言翻轉教室 -->
<!-- icon: https://i.imgur.com/RkG7X4l.png --></p>
<script>
function showRegistrationRecords() {
$("#records").empty();
var urls = ["https://api.datascienceandr.org/api/getManyRecords","https://api2.datascienceandr.org/api/getManyRecords"];
var url1, url2;
if (Math.random() < 0.5) {
url1 = urls[0];
url2 = urls[1];
} else {
url1 = urls[1];
url2 = urls[0];
}
var used_records = [];
var is_done = false;
function successOperation(data) {
data.forEach(function(record) {
used_records.push(record);
});
is_done = true;
}
var renderOperation = function() {
if (!is_done) return;
used_records.sort(function(r1, r2) {
if (r1.created_at < r2.created_at)
return 1;
else if (r1.created_at > r2.created_at)
return -1;
else
return 0;
});
used_records.forEach(function(record) {
m = moment(record.created_at);
if (record.type == 0) {
li = "<li>有同學在" + m.fromNow() + "進入了" + record.course + "</li>"
} else {
li = "<li>有同學在" + m.fromNow() + "完成了" + record.course + "</li>"
}
$("#records").append(li);
});
};
function getManyRecordsOperation(url, errorOperation) {
return function(jqXHR, status) {
$.ajax({
url:url,
type:"POST",
data:{num:10},
dataType:"json",
success: successOperation,
complete: renderOperation,
error: errorOperation,
timeout: 5000
});
};
}
var operation = getManyRecordsOperation(url1, getManyRecordsOperation(url2, function() {}));
operation();
};
window.onload =function(){
moment.locale("zh-tw");
moment.updateLocale("zh-tw", {
relativeTime : {
future : '%s內',
past : '%s前',
s : '幾秒',
m : '1分鐘',
mm : '%d分鐘',
h : '1小時',
hh : '%d小時',
d : '1天',
dd : '%d天',
M : '1個月',
MM : '%d個月',
y : '1年',
yy : '%d年'
}});
showRegistrationRecords();
}
</script>
<h2 id="1">1. 簡介</h2>
<p>這是一個以著重於實作，一個動態的<strong>R 語言在地化中文教材</strong>。這份教材的內容涵蓋：</p>
<ol>
<li>使用R 的基本使用知識</li>
<li>如何用R 讀取資料與讀取中文</li>
<li>如何用R 從公開資料中萃取資訊</li>
<li>如何用R 整理資訊</li>
<li>如何利用R 將整理好的資訊繪製統計圖表與地圖</li>
</ol>
<p>這個教材具有挑戰性，每一個關卡的大魔王都有一定的難度。如果你已經有程式語言的基礎或是喜歡自我挑戰，那這份教材很適合同學自學，並且大概會花你12~18小時的時間。</p>
<p>如果你已經有R 語言的基礎，我建議你可以先完成Hello-DataScienceAndR之後，從01-RBasic-07開始學習中文處理與資料處理相關的知識，這段內容我自以為勝過大部分的R 教材。</p>
<p>如果你完全沒有程式的經驗，我建議你可以挑戰看看，但是請儘量善用聊天室（你可以點選右下角的Open Chat或造訪：<a href="https://gitter.im/wush978/DataScienceAndR">https://gitter.im/wush978/DataScienceAndR</a>）。如果仍然完全無法理解R 語言的邏輯，就麻煩你先參加其他的實體課程後再回來學習。</p>
<p>這份教材具有以下的特色：</p>
<ol>
<li><strong>完整</strong>。由於教材是參考CRAN上介紹R 的官方文件：<a href="https://cran.r-project.org/doc/manuals/R-intro.pdf">An Introduction to R</a>所撰寫的，同學即使只有使用這份教材學R ，即可獲得所有用R 所需要的所有知識。</li>
<li><strong>在地化的中文資料處理</strong>。教材是特別針對處理台灣的Open Data所設計，所以會涵蓋所有要載入中文資料所需要的知識。網路上雖然已經有很多很棒的R 教材，但是他們通常沒有描述如何處理中文資料。</li>
<li><strong>新</strong>。在2012年以後，R 的成長是非常快速的，所以教材會納入許多近年來被R 社群證實很棒的套件們。</li>
<li><strong>套件的使用與探索</strong>。R 的一大優勢就是蓬勃的套件系統。雖然教材中無法介紹所有的套件，但是會教同學如何探索一個第一次接觸的R 套件。</li>
<li><strong>互動</strong>。我們基於R Community貢獻的R 語言套件swirl 所撰寫的互動式學習環境，可以讓同學以最貼近實際使用R 的狀況來學R</li>
<li><strong>教材設計</strong>。每個單元的開始，我們設計大量的操作讓同學是透過用<strong>肌肉</strong>來記憶R 的指令。並且在單元的最後都擁有來自實務且具有挑戰性的關卡。</li>
<li><strong>自由</strong>。老師們可以很方便與自由地將本教材整合至您的教案之中。有興趣的老師請參考：<a href="teacher.html">教師專區</a></li>
<li><strong>貼近實務</strong>。所有操作都是在同學的電腦上完成，也就是未來同學實際分析的電腦，這是一般雲端教材所沒有的。同時教材內容中也包含大量的實做。因此本教材對同學來說，很接近實際的分析環境。</li>
</ol>
<h2 id="2">2. 如何使用教材</h2>
<ol>
<li>請進入<a href="install.html">安裝導引</a>，依照指示在同學的電腦上安裝R、Rstudio(Windows使用者必裝)、相關套件與課程。</li>
<li>開啟Rstudio，輸入<code>library(swirl)</code>與<code>swirl()</code>後進入DataScienceAndR，開啟互動式學習環境。這個互動式學習環境本身，就是本教材。</li>
</ol>
<h2 id="3">3. 新聞專區</h2>
<ul>
<li>swirl版本:101.5.9</li>
<li><code>DataScienceAndR</code>教材版本:d4c5e4e4d3cbae93e41a1dc7ea1760aa8323b703</li>
<li><strong>全面中文化並自動協助使用者設定適當的locale</strong></li>
<li><strong>課程需以Google或Facebook登入</strong>
<ul><li>修正facebook oauth2.0的登入問題</li></ul></li>
<li><strong>擁有Classroom帳號的同學可使用<code>upload_my_progress</code>與<code>download_my_progress</code>來在不同機器間同步進度</strong></li>
</ul>
<p>若網友有發現任何bug，麻煩到<a href="https://gitter.im/wush978/DataScienceAndR?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge">聊天室</a>回報，謝謝</p>
<h2 id="4">4. 即時動態</h2>
<div class="well" style="height: 18em;"><ul id="records"></ul></div>
<h2 id="5">5. 緣起</h2>
<p>這個Repository主要是為了準備我在臺大的資料科學課程，幫陳老師講的兩堂R 的課程。課程素材主要就是投影片和swirl。內容則是參考CRAN上介紹R 的官方文件：<a href="https://cran.r-project.org/doc/manuals/R-intro.pdf">An Introduction to R</a>。
另外也要感謝社群中所有有參與籌備資料科學愛好者年會2015的同伴。</p>
<h2 id="6">6. License</h2>
<p><a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/tw/"><img alt="創用 CC 授權條款" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/3.0/tw/88x31.png" /></a><br /><span xmlns:dct="https://purl.org/dc/terms/" href="https://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">Data Science and R</span>由<a xmlns:cc="https://creativecommons.org/ns#" href="https://github.com/wush978/DataScienceAndR" property="cc:attributionName" rel="cc:attributionURL">Wush Wu、Chih Cheng Liang和Johnson Hsieh</a>製作，以<a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/tw/">創用CC 姓名標示-相同方式分享 3.0 台灣 授權條款</a>釋出。
<!-- scripts: [{"src" : "https://sidecar.gitter.im/dist/sidecar.v1.js", "async" : null, "defer" : null}, {"src" : "https://momentjs.com/downloads/moment-with-locales.min.js", "async" : null, "defer" : null}, {"src" : "js/gitter.js"}] --></p></div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="jquery/jquery-3.2.0.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
<script src="https://momentjs.com/downloads/moment-with-locales.min.js" async defer></script>
<script src="js/gitter.js"></script>
<script type="text/javascript">
$(window).on('load', function() {
setTimeout(function() {
$('#affix-toc').each(function() {
var $spy = $(this);
var data = $spy.data();
if (!data.offset) data.offset = {};
data.offset.top = $spy.offset().top;
$spy.affix(data);
});
}, 100);
});
</script>
</body>
</html>