差分

このページの2つのバージョン間の差分を表示します。

--- ouj18 [2018/05/24 20:03] – [「歩いて左を向く」プログラム（6分頃）] kanemune
+++ ouj18 [2021/05/24 18:29] (現在) – [「ユークリッドの互除法」プログラム（16分頃）] klab
@@ 行 1: / 行 1: @@
+# 放送大学「コンピュータとソフトウェア('18)」
+放送大学「コンピュータとソフトウェア('18)」でのドリトルとサクセスの利用について説明します。
+放送では、第8回と第9回と第10回でドリトルのプログラミングを、第11回でサクセスとSQLのプログラミングを扱っています。
+番組のシラバス(2018年度)：http://www.ouj.ac.jp/hp/kamoku/H30/kyouyou/C/joho/1570285.html
+ドリトルは「オンライン版」「BitArrow版」「インストール版」の3通りの方法で使えます。オンライン版はいちばん手軽で、ログインやインストールなしに使えます。
+## 準備
+オンライン版はWindowsのEdge、MacのSafariをはじめ、ChromeやFirefoxなど代表的なブラウザで使えます。（Windowsの古いブラウザであるIE（インターネットエクスプローラー）では動作しないかもしれません。タブレットやスマートフォンでも文字の入力は大変かもしれませんが動くと思います）
+[オンライン版](http://jsdolittle.eplang.jp/djs/?src=e3818be38281e3819fefbc9de382bfe383bce38388e383abefbc81e4bd9ce3828b20efbc88e99d92efbc8920e7b79ae381aee889b220e38286e381a3e3818fe3828ae58b95e3818fe380820a)をクリックして起動してください。
+## 実習
+画面が起動すると、左側に「かめた＝タートル！作る（青）線の色　ゆっくり動く。」という文字が表示されています。これはプログラムのサンプルで、操作するためのカメのキャラクターを画面に表示します。学習時には次の行からプログラムを書いていきます。
+{{ :screenshot_2018-05-11_at_10.30.34_1_.png?300 |}}
+画面の左上にある「実行」ボタンを押すと、画面の右側にカメ（タートル）が表示されると思います。これがこのプログラムが作ったかめたです。
+{{ :screenshot_2018-05-11_at_10.42.43.png?50 |}}
+テキストでは簡単のために次のように書かれています。この場合、カメは黒い線を引きながら高速に動きます。
+<code>
+かめた＝タートル！作る。
+かめた！１００　歩く。
+</code>
+{{ :screenshot_2018-05-11_at_10.43.40.png?100 |}}
+次のように書いた場合には、カメは青い線を引きながらゆっくり動くようになります。テキストと少し違いますが、1行目はこのまま使ったほうがわかりやすいと思います。
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+かめた！１００　歩く。
+</code>
+{{ :screenshot_2018-05-11_at_10.42.05.png?100 |}}
+これらの例のように、テキストや講義のプログラムを入力して学習を進めてください。
+ドリトルの説明は、[ドリトルのサイト](http://dolittle.eplang.jp/)を参照してください。
+詳しい機能は[マニュアル](http://dolittle.eplang.jp/manualjs)で説明されています。
+## 保存と終了
+学習が終ったら、必要であればプログラムを画面からコピーして他のテキストエディタなどに貼り付けて保存してください。
+ブラウザのドリトルは、そのままウィンドウを閉じても問題ありません。
+----
+## 第8回の内容
+### 「歩いて左を向く」プログラム（6分頃）
+ドリトルのプログラムは「[オンライン版](http://jsdolittle.eplang.jp/djs/?src=e3818be38281e3819fefbc9de382bfe383bce38388e383abefbc81e4bd9ce3828b20efbc88e99d92efbc8920e7b79ae381aee889b220e38286e381a3e3818fe3828ae58b95e3818fe380820a)」から実行できます。左側にプログラムを書いて、「実行」を押すと、右側に結果が表示されます。
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+かめた！１００　歩く　９０　左回り。
+</code>
+### 「四角形を描く」プログラム（7分頃）
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+かめた！１００　歩く　９０　左回り。
+かめた！１００　歩く　９０　左回り。
+かめた！１００　歩く　９０　左回り。
+かめた！１００　歩く　９０　左回り。
+</code>
+### 繰り返しで「四角形を描く」プログラム（8分頃）
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+「
+　　かめた！１００　歩く　９０　左回り。
+」！４回　繰り返す。
+</code>
+### 繰り返しで「五角形を描く」プログラム（10分頃）
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+「
+　　かめた！１００　歩く　７２　左回り。
+」！５回　繰り返す。
+</code>
+### 繰り返しで「いびつな星を描く」プログラム（11分頃）
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+「
+　　かめた！１００　歩く　１４０　右回り。
+」！５回　繰り返す。
+</code>
+### 繰り返しで「星を描く」プログラム（12分頃）
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+「
+　　かめた！１００　歩く　１４４　右回り。
+」！５回　繰り返す。
+</code>
+### 繰り返しで「不思議な図形を描く」プログラム（13分頃）
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+「
+　　かめた！１００　歩く　１３９　右回り。
+」！４０回　繰り返す。
+</code>
+### 繰り返しで「不思議な図形を描く」プログラム（13分頃）
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+「
+　　かめた！１００　歩く　１４５　右回り。
+」！４０回　繰り返す。
+</code>
+### 「対話的な」プログラム（20分頃）
+<code>
+かめた＝タートル！作る （青） 線の色。
+左ボタン＝ボタン！"左"　作る。
+左ボタン：動作＝「かめた！３０　左回り」。
+右ボタン＝ボタン！"右"　作る。
+右ボタン：動作＝「かめた！３０　右回り」。
+時計＝タイマー！作る。
+時計！「かめた！１０　歩く」実行。
+タートル！作る　"tulip.png"　変身する　ペンなし　１００　１００　位置。
+かめた：衝突＝「｜相手｜　相手！消える」。
+</code>
+### 「値に名前を付けて覚えておく」プログラム（26分頃）
+ｎの値を５だけでなく、３や６などに変えて実行してみましょう。
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+ｎ＝５。
+「
+　　かめた！２００　歩く　（３６０÷ｎ）　左回り。
+」！（ｎ）　繰り返す。
+</code>
+### 「繰り返しの回数などを数える」プログラム（28分頃）
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+「｜ｎ｜
+　　かめた！（２０×ｎ）　歩く　９０　左回り。
+」！１０　繰り返す。
+</code>
+### 「２つの処理を切り替えて実行する」プログラム（29分頃）
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+「｜ｎ｜
+　　かめた！１００　歩く。
+　　「ｎ％２＝＝０」！なら「
+　　　　かめた！９０　右回り。
+　　」そうでなければ「
+　　　　かめた！９０　左回り。
+　　」実行。
+」！４回　繰り返す。
+</code>
+### 「新しい命令を定義して使う」プログラム（30分頃）
+<code>
+かめた＝タートル！作る （青） 線の色 ゆっくり動く。
+かめた：星を描く＝「
+　　「
+　　　　かめた！１００　歩く　１４４　右回り。
+　　」！５回　繰り返す。
+」。
+「
+　　かめた！星を描く　１２０　左回り。
+」！３回　繰り返す。
+</code>
+### 「配列で複数の値を使う」プログラム（32分頃）
+<code>
+データ＝配列！１０　４０　５０　２０　３０　作る。
+表示＝テキストエリア！作る。
+表示！（データ）書く　改行。
+表示！（データ！要素数？）書く　改行。
+合計＝０。
+データ！「｜要素｜　合計＝合計＋要素」それぞれ実行。
+表示！（合計）書く。
+</code>
+### 作りかけの「ぴょこぴょこ」プログラム（38分頃）
+このプログラムはC言語のため、ドリトルではなく[Bit Arrow](http://bitarrow.eplang.jp/bitarrow/)から実行してください。クラスIDは「guest」、ユーザ名は「tanaka1234」など他の人と重ならない名前でログインしてください。ログイン後は「新規プロジェクト」から「ouj」など任意のプロジェクトを、言語は「C」を指定して作成してください。
+プログラムの作成画面が開いたら、上部の「ファイル」メニューから「新規」を選び、「pyoko」などお好きな名前でプログラムを作成して実行してください。
+<code>
+#include <stdio.h>
+main(){
+    for (int i=1; i<=4; i++) {
+        printf("かえる ");
+        printf("ぴょこぴょこ ");
+    }
+}
+</code>
+### 完成した「ぴょこぴょこ」プログラム（39分頃）
+<code>
+#include <stdio.h>
+main(){
+    for (int i=1; i<=4; i++) {
+        if (i==1) { printf("かえる "); }
+        if (i==2) { printf("み "); }
+        if (i==3) { printf("あわせて "); }
+        if (i==4) { printf("む "); }
+        printf("ぴょこぴょこ ");
+    }
+}
+</code>
+----
+## 第9回の内容
+### 「ユークリッドの互除法」プログラム（16分頃）
+ドリトルのプログラムは「[オンライン版](http://jsdolittle.eplang.jp/djs/?src=e3818be38281e3819fefbc9de382bfe383bce38388e383abefbc81e4bd9ce3828b20efbc88e99d92efbc8920e7b79ae381aee889b220e38286e381a3e3818fe3828ae58b95e3818fe380820a)」から実行できます。左側にプログラムを書いて、「実行」を押すと、右側に結果が表示されます。
+<code>
+x=126。
+y=35。
+「全部!(x!=y)(x>0)(y>0)本当」!の間「
+    「x>y」!なら「x=x-y」実行。
+    「x<y」!なら「y=y-x」実行。
+」実行。
+ラベル!(x)作る。
+</code>
+### 「選択ソート」プログラム（21分頃）
+<code>
+c=配列!6 4 3 7 1 8 2 5 作る。
+ラベル!(c)作る 次の行。
+n=c!要素数?。
+「|i|
+  e=n-i+1。
+  「|s|
+    「(c!(s)読む) > (c!(e)読む)」!なら
+      「t=(c!(s)読む)。
+        c!(s)(c!(e)読む)上書き。
+        c!(e)(t)上書き
+       」実行。
+  」!(e)繰り返す。
+」!(n-1)繰り返す。
+ラベル!(c)作る 次の行。
+</code>
+### 「二分探索」プログラム（28分頃）
+<code>
+c=配列!1 3 4 7 8 10 12 13 15 作る。
+n=c!要素数?。
+q=7。
+start=1。
+end=n。
+「start<=end」!の間「
+  m=floor((start+end)/2)。
+ 「(c!(m)読む)==q」!なら「結果=q」実行。
+ 「q<=(c!(m)読む)」!なら「end=m-1」実行。
+ 「(c!(m)読む)<=q」!なら「start=m+1」実行。
+」実行。
+「結果==q」!なら「ラベル!(結果)作る」
+そうでなければ「ラベル!『見つからない』作る」
+実行。
+</code>
+### 「ハノイの塔」プログラム（36分頃）
+<code>
+Hanoi=「
+  |n from to work|
+ 「n>0」!なら「
+     !(n-1) (from) (work) (to) Hanoi。
+     ラベル!("円盤"+n+"を"+from+"から"
+              +to+"に移動させる。")作る 次の行。
+     !(n-1) (work) (to) (from) Hanoi。
+  」実行。
+」。
+!3 "A" "B" "C" Hanoi。
+</code>
+### 「クイックソート」プログラム（40分頃）
+<code>
+クイック=「|対象 ; 結果 n 閾値 小さい方
+大きい方 v |
+    結果=対象。
+    n=対象!要素数?。
+    「n>1」!なら「
+        閾値=対象!(n) 読む。
+        小さい方=配列!作る。
+        大きい方=配列!作る。
+        「|i|
+            v=対象!(i)読む。
+            「v<閾値」!なら「小さい方!(v)書く」
+                 そうでなければ「大きい方!(v)書く」
+                 実行。
+        」!(n-1)繰り返す。
+        結果=配列!作る
+             (!(小さい方)クイック)
+             (閾値)
+             (!(大きい方)クイック)
+             連結。
+    」実行。
+    結果。
+」。
+入力=配列!5 3 7 2 8 6 1 4 作る。
+ラベル!(入力)作る 次の行。
+ラベル!(!(入力)クイック)作る  次の行。
+</code>
+----
+## 第10回の内容
+### 「出会うまでの時間」プログラム（14分頃）
+ドリトルのプログラムは「[オンライン版](http://jsdolittle.eplang.jp/djs/?src=e3818be38281e3819fefbc9de382bfe383bce38388e383abefbc81e4bd9ce3828b20efbc88e99d92efbc8920e7b79ae381aee889b220e38286e381a3e3818fe3828ae58b95e3818fe380820a)」から実行できます。左側にプログラムを書いて、「実行」を押すと、右側に結果が表示されます。
+<code>
+xa=0。va=1.2。ラベル！0　作る　0 -10　位置。
+xb=200。vb=0.9。ラベル！200　作る　200 -10 位置。
+かめA＝タートル！作る（xa）0　位置（青）線の色。
+かめB＝タートル！作る　ペンなし（xb）0　位置　180　右回り "ayumiAka.gif"　変身する　ペンあり（赤）線の色。
+かめA：位置表示＝「「f==undef」！なら「ラベル！(((かめA！横の位置？)+(かめB！横の位置？))/2)作る 95 40 位置。:f=1」実行」。
+かめA:衝突＝「時計！中断。！位置表示。」。
+時計＝タイマー！作る。
+時計！「
+　　かめA！（va）歩く。
+　　かめB！（vb）歩く。
+」実行。
+</code>
+### 「つるかめ算」プログラム（20分頃）
+<code>
+合計＝１００。
+足＝３４２。
+「｜つる｜
+　　かめ＝１００－つる。
+　　「４＊かめ＋２＊つる＝＝足」！なら「つる数＝つる。かめ数＝かめ。」実行。
+」！１００回　繰り返す。
+ラベル！（"つるは"＋つる数＋"羽、かめは"＋かめ数＋"匹"）作る　２４　文字サイズ。
+</code>
+### 「四角形を描く」プログラム（25分頃）
+<code>
+vy=0。dy=-0.7。
+かめた＝タートル！作る。
+かめた！５００　歩く　５００　戻る　図形を作る。
+かめた！９０　左回り　２００　歩く（青）線の色。
+かめた：衝突＝「:vy=-0.9*vy。」。
+タイマー！作る　２００　回数「
+　　vy=vy+dy。
+　　かめた！２（vy）移動する。
+」実行。
+</code>
+----
+## 第11回の内容
+### サクセスの実習（9分頃）
+サクセスは「[sAccess: データベース実習支援ツール](http://saccess2.eplang.jp/saccess/index.php)」から実行できます。
+最初の画面で、左上の「クラスID」に「ouj」（半角の英字小文字）を入れて「クラス変更」をクリックしてください。
+次に、「氏名・ニックネーム（任意）」に名前を入れてください。ニックネームや架空の名前でも構いません。
+次に、「プリセットDB」に「コンビニ*」が表示されていることを確認して「プリセットDB選択」をクリックしてください。
+実習画面が表示されたら、左側の「操作コマンドを追加しよう」という部分にコマンドを書いて「追加」を押すと、「操作コマンド列」にコマンドが追加され、右側に実行した結果の表が表示されます。
+<code>
+表示　売上データ
+選択　時間帯　夕方
+結合　商品データ
+射影　商品名、時間帯、年齢層
+</code>
+<code>
+表示　売上データ
+数える　時間帯
+</code>
+### SQLの実習（16分頃）
+SQLは「[SQLエディタ](http://oecu-edu.sakura.ne.jp/sql/index.php)」から実行できます。
+最初の画面で、左上の「クラスID」に「ouj」（半角の英字小文字）を入れて「クラス変更」をクリックしてください。
+次に、「ユーザID」に名前を入れてください。ニックネームや架空の名前でも構いません。
+次に、「ログイン」をクリックしてください。
+実習画面が表示されたら、「SQL実行」という部分にSQLの命令を書いて「送信」を押すと、「履歴表示」に命令が追加され、画面の下に実行した結果の表が表示されます。
+<code>
+use コンビニ
+select * from 商品データ
+</code>
+<code>
+use コンビニ
+select * from 商品データ where 価格=100
+</code>
+<code>
+use コンビニ
+select * from 商品データ where 価格>=150
+</code>
+<code>
+use コンビニ
+select * from 商品データ where 商品名 like 'ミルクティー'
+</code>
+<code>
+use コンビニ
+select * from 商品データ where 商品名 like '%ミルクティー'
+</code>
+<code>
+use コンビニ
+select * from 商品データ where 商品名 like '%茶%'
+</code>