<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> <!-- --------------------------------------------------------------------------------------- --> #### 香川短期大学 プログラミング演習（2019）第23回・第24回 # 香短生向け教材開発ハッカソン <br> <br> #### 2020年1月28日（火） ### 米谷雄介 --- # 1. 前回の振り返り # 2. 香短生向け教材開発ハッカソン --- # 1. 前回の振り返り --- ## 我が町の課題 #### 交差点 https://scratch.mit.edu/projects/361085546/ - 内容： 事故が多い場所を1つ紹介しました。 - 成長： キャラクターが紹介をするようにできた。 - 改善： 詳しく説明できなかった。 <iframe src="https://scratch.mit.edu/projects/361085546/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 宇多津町　課題 #### 宇多津町で私が考えた課題（運動不足） https://scratch.mit.edu/projects/340106926/ - 内容： 宇多津町で私が考えた課題（大人が楽しめる野外での遊びが少ない）ことについて - 成長： 自分の主張 - 改善： 工夫できたところがあまりない <iframe src="https://scratch.mit.edu/projects/340106926/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 観音寺市の危ないところ #### 観音寺市について https://scratch.mit.edu/projects/361087933/ - 内容： 観音寺市にひそんでいる危険 - 成長： 人が車に挟まれた。 - 改善： 人の動きをあまり変えられなかった。 <iframe src="https://scratch.mit.edu/projects/361087933/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 自分の町のここがダメ #### 丸亀のマイナス点 https://scratch.mit.edu/projects/359259474/ - 内容： 丸亀市のマイナス点を少し考えました - 成長： 車が通るところ - 改善： 家に帰れなかった <iframe src="https://scratch.mit.edu/projects/359259474/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 地域の課題 #### 宇多津の課題 https://scratch.mit.edu/projects/361091224/ - 内容： 宇多津の問題となっている所を表しました。 - 成長： 声を入れる - 改善： 写真の大きさ <iframe src="https://scratch.mit.edu/projects/361091224/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 町の批判 #### 女の高松批判 https://scratch.mit.edu/projects/361085290/ - 内容： 女が高松を批判する - 成長： エンディング曲がハマった - 改善： 内容がカオス <iframe src="https://scratch.mit.edu/projects/361085290/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 地域の直さなければならないところ #### #### 地域案内 https://scratch.mit.edu/projects/361086551/ - 内容： 直したほうがいい所や危ない所を書いた - 成長： 特になし - 改善： 特になし <iframe src="https://scratch.mit.edu/projects/361086551/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 地元 #### 多度津町紹介 https://scratch.mit.edu/projects/359267016/ - 内容： 自分の住んでいる多度津町についてまとめた - 成長： 音声をつけたところ - 改善： とくにない <iframe src="https://scratch.mit.edu/projects/359267016/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 名勝案内 #### わたしの町 https://scratch.mit.edu/projects/359266458/ - 内容： わたしがこの町で思ったことを書きました - 成長： クリックすればうまく画像が出せました - 改善： 町の紹介はあまりできなかった <iframe src="https://scratch.mit.edu/projects/359266458/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 三豊市の不満 #### 不満爆発 https://scratch.mit.edu/projects/361086813/ - 内容： 三豊市の不満を爆発させます。 - 成長： 表情を変える - 改善： もっと詳しくしたかった。 <iframe src="https://scratch.mit.edu/projects/361086813/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 我が町の課題 #### 魔法使い https://scratch.mit.edu/projects/361085286/ - 内容： 魔法で人口増加を図る - 成長： 会社や人の動きのタイミング - 改善： 魔法使いの動きが少なかった <iframe src="https://scratch.mit.edu/projects/361085286/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 我が町の課題 #### 地球温暖化 https://scratch.mit.edu/projects/359266099/ - 内容： 地球温暖化について - 成長： いい感じにできたと思う - 改善： 特にない <iframe src="https://scratch.mit.edu/projects/359266099/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## アルゴリズムを学ぼう #### 部屋番号を探すコードを作ろう https://scratch.mit.edu/projects/361089321/ - 内容： 部屋番号を探す - 成長： 全部 - 改善： ない <iframe src="https://scratch.mit.edu/projects/361089321/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 自分がよくいくお気に入りの場所 #### 私のすきなところや。 https://scratch.mit.edu/projects/361089379/ - 内容： 自分のよく行くお気に入りの場所について - 成長： 前回の授業に比べてできたかな、 - 改善： 音声が出せなかった <iframe src="https://scratch.mit.edu/projects/361089379/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## マップ作り #### My,map2 https://scratch.mit.edu/projects/361095593/ - 内容： 地元の紹介をしています。 - 成長： 今回は音声をつけられた。注意点のピンも新たに作成した。 - 改善： イヤホンがなかったので本当に音が出ているかわからない <iframe src="https://scratch.mit.edu/projects/361095593/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 地元の観光所紹介 #### シナモンのローカル紹介 https://scratch.mit.edu/projects/359269378/ - 内容： シナモロールが一緒に三豊市の詫間町の観光名所を紹介してくれます - 成長： 押したらシナモンが話すようにしました - 改善： 地図とともに写真を大きくすればよかったかもと思った <iframe src="https://scratch.mit.edu/projects/359269378/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 地域の紹介 #### マイメ〇ディの丸亀市紹介 https://scratch.mit.edu/projects/361092408/ - 内容： マイメロディがしゃべって丸亀市を紹介します - 成長： 前回よりも名所の画像を大きく画面全体に表示されるようにして見やすくしたところ - 改善： 最初の画面が少し寂しくなったところ <iframe src="https://scratch.mit.edu/projects/361092408/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 地元 #### 丸亀市 https://scratch.mit.edu/projects/359267122/ - 内容： 地元 - 成長： 改善して声を付けました - 改善： なし <iframe src="https://scratch.mit.edu/projects/359267122/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 地元 #### 僕の町 https://scratch.mit.edu/projects/359268105/ - 内容： こないだより案内を増やしました。 - 成長： 写真や音声をつけれました。 - 改善： 🍐 <iframe src="https://scratch.mit.edu/projects/359268105/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## おみくじアルゴリズム #### 鶏にちょっかいをかける https://scratch.mit.edu/projects/361087289/ - 内容： スペースキーを押して鶏にちょっかいをかけよう - 成長： 爆発音 - 改善： オチ <iframe src="https://scratch.mit.edu/projects/361087289/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ベトナム地図 #### ベトナム地図 https://scratch.mit.edu/projects/361093582/ - 内容： ベトナム地図 - 成長： なし - 改善： まだできてなかった <iframe src="https://scratch.mit.edu/projects/361093582/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- # 2. 香短生向け教材開発ハッカソン --- ## 最終課題 #### これまで学んだことを踏まえて、香短生向け教材教材を作ってください。 - 前回に作成したシナリオデザインシートに基づいて作ってください。 - 提出期限はどんなに遅くても2/2（日）までとします。 - できるだけ多くの種類のブロックを活用するようにしてください。 - 来週（最終回）は学生同士お互いに教材を利用して学習をしてもらい、でき具合を評価します。 - 上位３名を表彰します。 - デザインや教材としてのわかりやすさも追加点になりますので、色々と工夫してください。 #### 香川短大Moodleのアンケートフォームに必要事項を記入してください。 - URLを忘れずに入力してください。 - こちらで確認するので共有ボタンを忘れずに押してください。 - 「スクラッチでうまく表現できた箇所」には、この授業を通じて自分が何をできるようになったのかを言葉にして書き出してください - 「スクラッチでうまく表現できなかった箇所」には、この授業に対する感想を書いてください。どんな内容でも大丈夫です。感じたことをありのまま書いてください。来年度に活かします。