<style>
/* basic design */
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6,
.reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {
font-family: 'Meiryo UI', 'Source Sans Pro', Helvetica, sans-serif, 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic';
text-align: left;
line-height: 1.8;
letter-spacing: normal;
text-shadow: none;
word-wrap: break-word;
color: #444;
}
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {font-weight: bold;}
.reveal h1, .reveal h2, .reveal h3 {color: #2980b9;}
.reveal th {background: #DDD;}
.reveal section img {background:none; border:none; box-shadow:none; max-width: 95%; max-height: 95%;}
.reveal blockquote {width: 90%; padding: 0.5vw 3.0vw;}
.reveal table {margin: 1.0vw auto;}
.reveal code {line-height: 1.2;}
.reveal p, .reveal li {padding: 0vw; margin: 0vw;}
.reveal .box {margin: -0.5vw 1.5vw 2.0vw -1.5vw; padding: 0.5vw 1.5vw 0.5vw 1.5vw; background: #EEE; border-radius: 1.5vw;}
/* table design */
.reveal table {background: #f5f5f5;}
.reveal th {background: #444; color: #fff;}
.reveal td {position: relative; transition: all 300ms;}
.reveal tbody:hover td { color: transparent; text-shadow: 0 0 3px #aaa;}
.reveal tbody:hover tr:hover td {color: #444; text-shadow: 0 1px 0 #fff;}
/* blockquote design */
.reveal blockquote {
width: 90%;
padding: 0.5vw 0 0.5vw 6.0vw;
font-style: italic;
background: #f5f5f5;
}
.reveal blockquote:before{
position: absolute;
top: 0.1vw;
left: 1vw;
content: "\f10d";
font-family: FontAwesome;
color: #2980b9;
font-size: 3.0vw;
}
/* font size */
.reveal h1 {font-size: 5.0vw;}
.reveal h2 {font-size: 4.0vw;}
.reveal h3 {font-size: 2.8vw;}
.reveal h4 {font-size: 2.6vw;}
.reveal h5 {font-size: 2.4vw;}
.reveal h6 {font-size: 2.2vw;}
.reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {font-size: 2.2vw;}
.reveal code {font-size: 1.6vw;}
/* new color */
.red {color: #EE6557;}
.blue {color: #16A6B6;}
/* split slide */
#right {left: -18.33%; text-align: left; float: left; width: 50%; z-index: -10;}
#left {left: 31.25%; text-align: left; float: left; width: 50%; z-index: -10;}
</style>
<style>
/* specific design */
.reveal h1 {
margin: 0% -100%;
padding: 2% 100% 4% 100%;
color: #fff;
background: #c2e59c; /* fallback for old browsers */
background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
background-size: 200% 200%;
animation: Gradient 60s ease infinite;
}
@keyframes Gradient {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
.reveal h2 {
text-align: center;
margin: -5% -50% 2% -50%;
padding: 4% 10% 1% 10%;
color: #fff;
background: #c2e59c; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #64b3f4, #c2e59c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #64b3f4, #c2e59c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
</style>
<!-- --------------------------------------------------------------------------------------- -->
#### 香川短期大学 プログラミング演習（2020）第23回・第24回
# 教材をつくってみよう３
<br>
<br>
#### 2021年1月12日（火）
### 米谷雄介
---
# 1. 振り返り
# 2. 練習
# 3. 課題
---
# 1. 振り返り
## 自分の地元周辺の名勝案内
---
## 家の近所の紹介
### マイシティー
https://scratch.mit.edu/projects/466991191
- 内容：自分の家の周辺を紹介してます
- 工夫点：人が知らなさそうなところを紹介してます
- 改善点：家の近所に何もなさ過ぎてびっくりした。
<iframe src="https://scratch.mit.edu/projects/466991191/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe>
---
## 丸亀の名所
### 丸亀の名所
https://scratch.mit.edu/projects/466992417
- 内容：全国でも有名な、丸亀城や一鶴の説明をした。
- 工夫点：わかりやすい画像と分かりやすい説明ができた。
- 改善点：もう少しいろいろな場所を紹介できればよかった。
<iframe src="https://scratch.mit.edu/projects/466992417/embed" allowtransparency="true" width="360" height="280" frameborder="10" scrolling="no" allowfullscreen></iframe>
---
## 名勝案内を作ろう（社会）
### 高松市の街案内地図
https://scratch.mit.edu/projects/466987510
- 内容：高松の市街地を案内する地図を作りました。
- 工夫点：教科書と同じように地図を作ることができたこと
- 改善点：写真が粗くなり上手に貼れなかったこと
<iframe src="https://scratch.mit.edu/projects/466987510/embed" allowtransparency="true" width="360" height="280" frameborder="11" scrolling="no" allowfullscreen></iframe>
---
## 理科
### 社会
https://scratch.mit.edu/projects/466993974
- 内容：うたづ
- 工夫点：４か所かけた
- 改善点：もう少し範囲を広げれたらよかった
<iframe src="https://scratch.mit.edu/projects/466993974/embed" allowtransparency="true" width="360" height="280" frameborder="12" scrolling="no" allowfullscreen></iframe>
---
## 名勝案内を作る
### 小樽の観光スポット
https://scratch.mit.edu/projects/466992403
- 内容：北海道小樽市の観光スポットを集めたマップです。
- 工夫点：実際に自分が行った時の写真を使ったり、各店のHPの説明を見たりして詳しい説明ができた。
- 改善点：音声案内機能をつけても面白くなったかなと思った。
<iframe src="https://scratch.mit.edu/projects/466992403/embed" allowtransparency="true" width="360" height="280" frameborder="13" scrolling="no" allowfullscreen></iframe>
---
## マップ
### 宇多津マップ！
https://scratch.mit.edu/projects/466991530
- 内容：宇多津のおいしいご飯のお店や場所を紹介した。
- 工夫点：マップのさすところや自分の写真で工夫で来たところ。
- 改善点：もっと多くの場所の紹介ができたらよかった。
<iframe src="https://scratch.mit.edu/projects/466991530/embed" allowtransparency="true" width="360" height="280" frameborder="14" scrolling="no" allowfullscreen></iframe>
---
## マップ
### 地域マップ
https://scratch.mit.edu/projects/466994393
- 内容：観音寺市のおすすめのところを紹介
- 工夫点：文字で表現した
- 改善点：写真が載せられなっかた
<iframe src="https://scratch.mit.edu/projects/466994393/embed" allowtransparency="true" width="360" height="280" frameborder="15" scrolling="no" allowfullscreen></iframe>
---
## 宇多津タウン
### 宇多津町
https://scratch.mit.edu/projects/466995384
- 内容：宇多津町の観光地
- 工夫点：複製😊
- 改善点：オリジナリティを出したい。
<iframe src="https://scratch.mit.edu/projects/466995384/embed" allowtransparency="true" width="360" height="280" frameborder="16" scrolling="no" allowfullscreen></iframe>
---
## 町の案内図
### 国分寺の観光案内図
https://scratch.mit.edu/projects/466989369
- 内容：国分寺の案内図です
- 工夫点：ちゃんとテロップがでました
- 改善点：言葉を話させることができませんでした
<iframe src="https://scratch.mit.edu/projects/466989369/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe>
---
## 社会
### 地元案内
https://scratch.mit.edu/projects/466989566
- 内容：私が思う近くの名勝を紹介します。
- 工夫点：印をクリックすると写真と文が表示されるところ。
- 改善点：練習問題をただ真似しただけなのでもう少し他に工夫できたらよかった。
<iframe src="https://scratch.mit.edu/projects/466989566/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe>
---
## 地元紹介
### 塩飽本島の紹介
https://scratch.mit.edu/projects/466996610
- 内容：丸亀市に属する島である、本島を紹介しました。
- 工夫点：あまりみんなが知らないと思うところを紹介できたこと。
- 改善点：地図の画像がぼやけてしまったところ。
<iframe src="https://scratch.mit.edu/projects/466996610/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe>
---
## 丸亀市の観光スポット
### 丸亀市の観光スポット
https://scratch.mit.edu/projects/466992609
- 内容：丸亀市の主な観光スポットをまとめました。
- 工夫点：音声合成ソフトを使ったところ。
- 改善点：観光案内に乗っていない場所が選べなかった。もう少し広い地図を使えばよかった。
<iframe src="https://scratch.mit.edu/projects/466992609/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe>
---
## 宇多津の紹介
### 宇多津マップ
https://scratch.mit.edu/projects/467003996
- 内容：宇多津町のマップ
- 工夫点：場所通りに配置できた。
- 改善点：地図の文字が見にくい。
<iframe src="https://scratch.mit.edu/projects/467003996/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe>
---
## 名称案内
### 屋島案内
https://scratch.mit.edu/projects/466997466
- 内容：屋島の案内を作りました。
- 工夫点：画像が合うものを探し、あてあてはめた。
- 改善点：もう少し数を増やしたかったが、紹介できる場所がなかった。
<iframe src="https://scratch.mit.edu/projects/466997466/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe>
---
## 名称案内
### 善通寺の名称案内
https://scratch.mit.edu/projects/466997715
- 内容：善通寺駅の近くにある名称を紹介しています。
- 工夫点：名称の紹介
- 改善点：画質の調整もできるようになりたい。
<iframe src="https://scratch.mit.edu/projects/466997715/embed" allowtransparency="true" width="360" height="280" frameborder="3" scrolling="no" allowfullscreen></iframe>
---
## あまり知られていない飲食店の紹介
### 宇多津町の飲食店の紹介
https://scratch.mit.edu/projects/466993911
- 内容：あまり知られていない（？）飲食店を紹介しました。
- 工夫点：メッセージを送る・受け取るの表現ができたと思います。
- 改善点：教科書にのっているような表現をするのが難しいなあと感じました。
<iframe src="https://scratch.mit.edu/projects/466993911/embed" allowtransparency="true" width="360" height="280" frameborder="1" scrolling="no" allowfullscreen></iframe>
---
# 2. 練習
---
## 学習事項（教科書 p.144〜151）
- 5. 名画を鑑賞しよう（図工）
- 回転、色の効果
- 画像の読み込み、画像の切り替え
- 6. 曲を作ってみよう（音楽）
- 繰り返し
- 音、音楽
---
# 3. 課題
---
## 第23回・第24回のレポート
#### 教科書の例題に取り組んでください。
- 5.名画を鑑賞しよう（図工）にしたがって、作品を作成してください。
- 6.曲を作ってみよう（音楽）にしたがって、作品を作成してください。
#### これまで学んだことを踏まえて、オリジナル教材を作ってみてください。
- 前回は名勝案内（つまり我が町の誇れる場所）を作ってもらいました。
- 今回は逆に、我が町の課題（地域の課題）を教材にしてみてください
- どんな不便さがあるのかだけでなく、どうすれば改善できるのかも含めて表現してください。
- 音声合成ブロックを用いて説明内容を読み上げるようにしましょう
- 他の地域にはない、できるだけマニアックな課題を表現できるといいです。
#### レポートの提出
- 香川短大Moodleのアンケートフォームに必要事項を記入してください。
- 提出するもの
- オリジナル教材
- 5.名画を鑑賞しよう（図工）に取り組み、作品のURLを練習問題１の欄に入力してください。
- 6.曲を作ってみよう（音楽）に取り組み、作品のURLを練習問題２の欄に入力してください。
- 注意点
- URLを忘れずに入力してください。
- こちらで確認するので共有ボタンを忘れずに押してください。
- オリジナル教材については、うまくいった箇所、うまくいかなかった箇所はできるだけ具体的に書きましょう
{"metaMigratedAt":"2023-06-15T18:14:17.558Z","metaMigratedFrom":"YAML","title":"香川短期大学 プログラミング演習（2020）第23回・第24回","breaks":true,"slideOptions":"{\"theme\":\"white\",\"slideNumber\":\"c/t\",\"center\":false,\"transition\":\"none\",\"keyboard\":true,\"width\":\"93%\",\"height\":\"100%\"}","contributors":"[{\"id\":\"9fa84d74-755e-4449-be52-074e326d8a9d\",\"add\":15778,\"del\":6255}]"}