<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）第27回・第28回 # 香短生向け教材開発ハッカソン <br> <br> #### 2020年1月19日（火） ### 米谷雄介 --- # 1. 前回の振り返り # 2. 香短生向け教材開発ハッカソン --- # 1. 前回の振り返り --- ## 町への不満 ### 私の町 https://scratch.mit.edu/projects/472660981 - 内容：私の町への不満です。 - 工夫：音声ガイドを入れれました。 - 課題：シンプルすぎました。 <iframe src="https://scratch.mit.edu/projects/472660981/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 地域の課題 ### 丸亀市をもっと便利に！ https://scratch.mit.edu/projects/472661316 - 内容：自分が思う丸亀市の不満点・改善点を挙げました。 - 工夫：キャラクターの説明に合わせてうまく音声合成が使えたと思います。 - 課題：写真がもっとあればたくさんかけたかなと思います。 <iframe src="https://scratch.mit.edu/projects/472661316/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 観音寺市のダメなところ ### https://scratch.mit.edu/projects/472661508 - 内容：観音寺市のちょっと残念なところをまとめた。 - 工夫：自分で撮った写真を張り付けて音声で説明ができたところ。 - 課題：もっと多くの項目を作ればよかった。 <iframe src="https://scratch.mit.edu/projects/472661508/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 我が町の課題 ### 地元の課題 https://scratch.mit.edu/projects/472658755 - 内容：地元の課題を前回の地図を再利用して説明してみました。 - 工夫：印をクリックすると背景が変わって女の子が説明してくれるところ。 - 課題：改善点をもっと具体的に考えられたらよかった。 <iframe src="https://scratch.mit.edu/projects/472658755/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 坂出 ### 坂出 https://scratch.mit.edu/projects/472663737 - 内容：坂出の不満 - 工夫：写真も使えた - 課題：一つしか作れなかったからもう少し作りたかった <iframe src="https://scratch.mit.edu/projects/472663737/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 町への不満 ### 町への不満 https://scratch.mit.edu/projects/472658125 - 内容：町にある長い遮断機への不満です - 工夫：電車を遮断機のうしろにできたところ - 課題：背景が思いつかなかった <iframe src="https://scratch.mit.edu/projects/472658125/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 海 ### 海 https://scratch.mit.edu/projects/472668747 - 内容：umi - 工夫：umi <iframe src="https://scratch.mit.edu/projects/472668747/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 国分寺 ### 国分寺 https://scratch.mit.edu/projects/472662380 - 内容：国分寺の魅力 - 工夫：画像合成 - 課題：文字を入れたかった <iframe src="https://scratch.mit.edu/projects/472662380/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 地域の課題 ### 住んでいて困る https://scratch.mit.edu/projects/472661771 - 内容：住んでいる地域の困っていることやめてほしいこと - 工夫：わかりやすく書けた - 課題：地図の切り取りがうまくいかなかった <iframe src="https://scratch.mit.edu/projects/472661771/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 地域の課題 ### 塩飽本島の課題 https://scratch.mit.edu/projects/472667887 - 内容：私の地域の課題をあげました。 - 工夫：インタビュー形式にできたこと - 課題：次は音声をつけたいです。 <iframe src="https://scratch.mit.edu/projects/472667887/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## わが町の課題 ### 善通寺市の課題 https://scratch.mit.edu/projects/472680434 - 内容：お寺やお遍路さんのイメージが強い善通寺市の課題について会話している様子を表現しました。 - 工夫：会話と表情のタイミング - 課題：音声がうまく入らなかった。 <iframe src="https://scratch.mit.edu/projects/472680434/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 宇多津町の良いとこ悪いとこ ### UTADU https://scratch.mit.edu/projects/472678597 - 内容：宇多津の良いとこと悪いとこを紹介する - 工夫：音声を入れることができた - 課題：数があまり多くない <iframe src="https://scratch.mit.edu/projects/472678597/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 丸亀市の課題点 ### 丸亀市の課題点 https://scratch.mit.edu/projects/472664040 - 内容：丸亀市の課題点 - 工夫：写真の切り取りが上手くできた。 - 課題：課題が見つからなかった。不便さや改善点について書けなかった。 <iframe src="https://scratch.mit.edu/projects/472664040/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 観音寺市 ### 観音寺市 https://scratch.mit.edu/projects/472680307 - 内容：改善点 - 工夫：ピンと写真をうまくはめれた。 - 課題：なし <iframe src="https://scratch.mit.edu/projects/472680307/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 我が町の改善点 ### 高松市の改善点 https://scratch.mit.edu/projects/472670510 - 内容：自分の周辺の道路の課題点を記しました。 - 工夫：画像のタイミングと音声のタイミングを合わせました。 - 課題：もう少し課題点を増やしてもよかった。 <iframe src="https://scratch.mit.edu/projects/472670510/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## 丸亀市土器町三浦周辺で感じた不便なところ ### 丸亀市（土器町三浦）の不便なところ https://scratch.mit.edu/projects/472671767 - 内容：よく自転車で通る場所なので、不安に感じた点をまとめてみました。改善されるといいなと思います。 - 工夫：改善点を見つけたこと。 - 課題：あてはまる画像がないので探すのが大変でした。 <iframe src="https://scratch.mit.edu/projects/472671767/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- # 2. 香短生向け教材開発ハッカソン --- ## 最終課題 #### これまで学んだことを踏まえて、香短生向け教材教材を作ってください。 - 前回に作成したシナリオデザインシートに基づいて作ってください。 - 提出期限はどんなに遅くても1/24（日）までとします。 - できるだけ多くの種類のブロックを活用するようにしてください。 - 来週（最終回）は学生同士お互いに教材を利用してもらい、でき具合を評価します。 - 上位３名を表彰します。 - デザインや教材としてのわかりやすさも追加点になりますので、色々と工夫してください。 #### 香川短大Moodleのアンケートフォームに必要事項を記入してください。 - URLを忘れずに入力してください。 - こちらで確認するので共有ボタンを忘れずに押してください。 - 「スクラッチでうまく表現できた箇所」には、この授業を通じて自分が何をできるようになったのかを言葉にして書き出してください - 「スクラッチでうまく表現できなかった箇所」には、この授業に対する感想を書いてください。どんな内容でも大丈夫です。感じたことをありのまま書いてください。来年度に活かします。